Калькуляторы и формы для сайтов
0 Пользователей и 1 Гость просматривают эту тему.
  • 12 Ответов
  • 901 Просмотров
*

rabotnita

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

« Последнее редактирование: 20.03.2015, 23:48:59 от rabotnita »
*

zikkuratvk

  • Профи
  • 4177
  • 281
  • Разрабатываем для Joomla
Снимаю порчу по фотографии вашего сайта :-)
а так же изгоню злых духов с вашего сайта... ну и конечно освящаю каждую страницу кресным знаменем... все по прейскуранту))
Хочется уникальное расширение? ===>>>> JoomLine - Разрабатываем расширения под заказ.
Использую хостинг TimeWeb и Reg
*

rabotnita

  • Осваиваюсь на форуме
  • 80
  • 5
А так?)
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

  • Осваиваюсь на форуме
  • 80
  • 5
Люди! Ну помогите, пожалуйста!
*

voland

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

voland

  • Профи
  • 9513
  • 422
  • Эта строка съедает место на вашем мониторе
Люди! Ну помогите, пожалуйста!
Простите.. греческий примерно 37ый в списке языков для изучения.
*

rabotnita

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

voland

  • Профи
  • 9513
  • 422
  • Эта строка съедает место на вашем мониторе
кто такой Отзывчивый макет?

патщиму с бальшой букфыы?
*

rabotnita

  • Осваиваюсь на форуме
  • 80
  • 5
С большой потому что это название вида макета)


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

ну поможите пожалуйстазз...
*

Ilhom666

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

rabotnita

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

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

rabotnita

  • Осваиваюсь на форуме
  • 80
  • 5
*

Ilhom666

  • Живу я здесь
  • 1305
  • 166
то, что я писал раньше - сделай поменьше, напр 40% и 45%
плюс добавь еще селектор
Код: css
.formBody input {
    width: 100%;
}
и да, удача мне бы не помешала)
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Не отображается форма не могу понять в чес дело

Автор Stasweb

Ответов: 2
Просмотров: 418
Последний ответ 31.03.2017, 15:09:34
от Stasweb
Вставка модуля в html-макет формы

Автор lesh1j

Ответов: 4
Просмотров: 982
Последний ответ 13.08.2014, 14:34:26
от lesh1j