Форум русской поддержки Joomla!® CMS
10.12.2016, 10:53:27 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Отзывчивый макет - неккорентно отображается

 (Прочитано 746 раз)
0 Пользователей и 1 Гость смотрят эту тему.
rabotnita
Осваиваюсь на форуме
***

Репутация: +5/-0
Offline Offline

Сообщений: 83



« : 21.03.2015, 00:45:21 »

Здравствуйте, помогите решить проблему над которой бьюсь уже 2 недели. Версия:   RSForm! Pro 1.49.12
Мне нужно, чтобы созданная форма анкеты была отзывчивой, то есть хорошо смотрелась и а мониторе и на планшете и на мобильнике. Я включаю Отзывчивый (CSS3) и тогда на планшете и телефоне все смотрится отлично и красиво, но при открытии на стационарном компьютере анкета смотрится очень сжатой и узкой, непропорциональной.
Как можно исправить изначальную ширину полей для просмотра на десткопе? Помогите пожалуйста, очень нужно!
Прилагаю скрин того, как смотрится анкета при Отзывчимом макете! а должна на весь экран... хотя на планшете и телефоне все ок...

« Последнее редактирование: 21.03.2015, 00:48:59 от rabotnita » Записан
zikkuratvk
Профи
********

Репутация: +258/-2
Offline Offline

Пол: Мужской
Сообщений: 3938


Разрабатываем для Joomla


« Ответ #1 : 21.03.2015, 00:58:23 »

Снимаю порчу по фотографии вашего сайта :-)
а так же изгоню злых духов с вашего сайта... ну и конечно освящаю каждую страницу кресным знаменем... все по прейскуранту))
Записан
rabotnita
Осваиваюсь на форуме
***

Репутация: +5/-0
Offline Offline

Сообщений: 83



« Ответ #2 : 21.03.2015, 01:31:55 »

А так?)
http://greecerent.net/index.php/add-place

Версия: Joomla! 3.3.6
Код макета:
Код:
<h2>{global:formtitle}</h2>
{error}
<!-- Do not remove this ID, it is used to identify the page so that the pagination script can work correctly -->
<fieldset class="formHorizontal formContainer" id="rsform_1_page_0">
<div class="rsform-block rsform-block-punct-1">
<div class="formControlLabel">{punct 1:caption}<strong class="formRequired">(*)</strong></div>
<div class="formControls">
<div class="formBody">{punct 1:body}<span class="formValidation">{punct 1:validation}</span></div>
<p class="formDescription">{punct 1:description}</p>
</div>
</div>
<div class="rsform-block rsform-block-punct-2">
<div class="formControlLabel">{punct 2:caption}<strong class="formRequired">(*)</strong></div>
<div class="formControls">
<div class="formBody">{punct 2:body}<span class="formValidation">{punct 2:validation}</span></div>
<p class="formDescription">{punct 2:description}</p>
</div>
</div>
<div class="rsform-block rsform-block-punct-3">
<div class="formControlLabel">{punct 3:caption}<strong class="formRequired">(*)</strong></div>
<div class="formControls">
<div class="formBody">{punct 3:body}<span class="formValidation">{punct 3:validation}</span></div>
<p class="formDescription">{punct 3:description}</p>
</div>
</div>
<div class="rsform-block rsform-block-punct-4">
<div class="formControlLabel">{punct 4:caption}<strong class="formRequired">(*)</strong></div>
<div class="formControls">
<div class="formBody">{punct 4:body}<span class="formValidation">{punct 4:validation}</span></div>
<p class="formDescription">{punct 4:description}</p>
</div>
</div>
<div class="rsform-block rsform-block-punct-5">
<div class="formControlLabel">{punct 5:caption}<strong class="formRequired">(*)</strong></div>
<div class="formControls">
<div class="formBody">{punct 5:body}<span class="formValidation">{punct 5:validation}</span></div>
<p class="formDescription">{punct 5:description}</p>
</div>
</div>
<div class="rsform-block rsform-block-punct-6">
<div class="formControlLabel">{punct 6:caption}<strong class="formRequired">(*)</strong></div>
<div class="formControls">
<div class="formBody">{punct 6:body}<span class="formValidation">{punct 6:validation}</span></div>
<p class="formDescription">{punct 6:description}</p>
</div>
</div>
<div class="rsform-block rsform-block-punct-7">
<div class="formControlLabel">{punct 7 :caption}<strong class="formRequired">(*)</strong></div>
<div class="formControls">
<div class="formBody">{punct 7 :body}<span class="formValidation">{punct 7 :validation}</span></div>
<p class="formDescription">{punct 7 :description}</p>
</div>
</div>
<div class="rsform-block rsform-block-punct-8">
<div class="formControlLabel">{punct 8:caption}<strong class="formRequired">(*)</strong></div>
<div class="formControls">
<div class="formBody">{punct 8:body}<span class="formValidation">{punct 8:validation}</span></div>
<p class="formDescription">{punct 8:description}</p>
</div>
</div>
<div class="rsform-block rsform-block-punct-9">
<div class="formControlLabel">{punct 9:caption}<strong class="formRequired">(*)</strong></div>
<div class="formControls">
<div class="formBody">{punct 9:body}<span class="formValidation">{punct 9:validation}</span></div>
<p class="formDescription">{punct 9:description}</p>
</div>
</div>
<div class="rsform-block rsform-block-punct-10">
<div class="formControlLabel">{punct 10:caption}<strong class="formRequired">(*)</strong></div>
<div class="formControls">
<div class="formBody">{punct 10:body}<span class="formValidation">{punct 10:validation}</span></div>
<p class="formDescription">{punct 10:description}</p>
</div>
</div>
<div class="rsform-block rsform-block-punct-11">
<div class="formControlLabel">{punct 11:caption}<strong class="formRequired">(*)</strong></div>
<div class="formControls">
<div class="formBody">{punct 11:body}<span class="formValidation">{punct 11:validation}</span></div>
<p class="formDescription">{punct 11:description}</p>
</div>
</div>
<div class="rsform-block rsform-block-punct-12xx">
<div class="formControlLabel">{punct 12xx:caption}<strong class="formRequired">(*)</strong></div>
<div class="formControls">
<div class="formBody">{punct 12xx:body}<span class="formValidation">{punct 12xx:validation}</span></div>
<p class="formDescription">{punct 12xx:description}</p>
</div>
</div>
<div class="rsform-block rsform-block-punct-13">
<div class="formControlLabel">{punct 13:caption}<strong class="formRequired">(*)</strong></div>
<div class="formControls">
<div class="formBody">{punct 13:body}<span class="formValidation">{punct 13:validation}</span></div>
<p class="formDescription">{punct 13:description}</p>
</div>
</div>
<div class="rsform-block rsform-block-punct-14">
<div class="formControlLabel">{punct 14:caption}</div>
<div class="formControls">
<div class="formBody">{punct 14:body}<span class="formValidation">{punct 14:validation}</span></div>
<p class="formDescription">{punct 14:description}</p>
</div>
</div>
</fieldset>

Как сделать, чтобы на экране монитора форма отображалась нормально, на весь экран, как это происходит на планшете и мобилке?
Вот так:
Записан
rabotnita
Осваиваюсь на форуме
***

Репутация: +5/-0
Offline Offline

Сообщений: 83



« Ответ #3 : 23.03.2015, 22:19:16 »

Люди! Ну помогите, пожалуйста!
Записан
voland
Профи
********

Репутация: +488/-86
Offline Offline

Пол: Мужской
Сообщений: 8736


любит наш народ всякое гавно...


« Ответ #4 : 23.03.2015, 22:21:06 »

Снимаю порчу по фотографии вашего сайта :-)
а так же изгоню злых духов с вашего сайта... ну и конечно освящаю каждую страницу кресным знаменем... все по прейскуранту))
А где прейскурант?
Записан
voland
Профи
********

Репутация: +488/-86
Offline Offline

Пол: Мужской
Сообщений: 8736


любит наш народ всякое гавно...


« Ответ #5 : 23.03.2015, 22:21:40 »

Люди! Ну помогите, пожалуйста!
Простите.. греческий примерно 37ый в списке языков для изучения.
Записан
rabotnita
Осваиваюсь на форуме
***

Репутация: +5/-0
Offline Offline

Сообщений: 83



« Ответ #6 : 23.03.2015, 22:49:49 »

Да причем тут греческий? текст формы вообще не имеет значение, дело в самом макете. С русскими формами тоже самое.
Как задать изначальный размер для Отзывчивого макета? на мобилке все ок, а на мониторе форма пережата((
Поможите, люди добрые!
Записан
voland
Профи
********

Репутация: +488/-86
Offline Offline

Пол: Мужской
Сообщений: 8736


любит наш народ всякое гавно...


« Ответ #7 : 23.03.2015, 22:52:36 »

кто такой Отзывчивый макет?

патщиму с бальшой букфыы?
Записан
rabotnita
Осваиваюсь на форуме
***

Репутация: +5/-0
Offline Offline

Сообщений: 83



« Ответ #8 : 23.03.2015, 23:06:45 »

С большой потому что это название вида макета)


Вот он, родимый!
Его код я выставляла выше..

ну поможите пожалуйстазз...
Записан
Ilhom666
Живу я здесь
******

Репутация: +157/-0
Offline Offline

Сообщений: 1340



« Ответ #9 : 24.03.2015, 09:31:14 »

попробуйте ширину в процентах задавать. Напр в файле /components/com_rsform/assets/css/front.css строка 241
Код
.formResponsive .formHorizontal .formControlLabel {
   float: left;
   padding-top: 5px;
   text-align: right;
   width: 140px; /* поменять на 50%*/
}
строка 248
Код
.formResponsive .formHorizontal .formControls {
   margin-left: 160px; /* поменять на 55%*/
}
вот только если RSForm обновлять соберетесь, то эти правки могут и слететь
Записан
rabotnita
Осваиваюсь на форуме
***

Репутация: +5/-0
Offline Offline

Сообщений: 83



« Ответ #10 : 26.03.2015, 22:46:31 »

УРААА! Спасибо, добрый человек!1 Анкета стала значительно шире! Денег тебе побольше и девушек покрасивше и здравия много!

А можно еще два вопросика? как слегка изменить пропорции получившейся анкеты... чтобы поле с Вопросом занимало площадь окало 40% от ширины анкеты, а поле для ввода стало длиннее, окало 60% от ширины анкеты? Куда правки вводи?? Подскажите, аа? Я вам удачу наколдую))
Записан
rabotnita
Осваиваюсь на форуме
***

Репутация: +5/-0
Offline Offline

Сообщений: 83



« Ответ #11 : 26.03.2015, 22:48:07 »

Записан
Ilhom666
Живу я здесь
******

Репутация: +157/-0
Offline Offline

Сообщений: 1340



« Ответ #12 : 26.03.2015, 23:53:41 »

то, что я писал раньше - сделай поменьше, напр 40% и 45%
плюс добавь еще селектор
Код
.formBody input {
   width: 100%;
}
и да, удача мне бы не помешала)
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet