Ivan38 / 29.12.2007 06:39

Выпадающий список (select) & переключатель (radio) в С forms

Вот что написано в хелпе:

Формат:	название поля # вариант1 | значение1 # вариант2 | значение2 # вариант3...
Пример:	Ваш возраст#12-18|ребенок#от 19 до 30|подросток#от 31 до 45#45+ |пожилой
Если не указывать название поля, то заголовка у выпадающего списка не будет. 
вариант отображается в форме, а значение не видно при заполнении формы, это то, что будет выслано в email'е. 
Если не указано значение для варианта, то на email вышлется название варианта. 
Выпадающий список, помеченный как "обязательный": Использование символа минус - как значения (после |) пометит выбор как "невалидный"! Пример:
Ваш возраст#Выберите свою возрастную группу|-#от 12 до 18|ребенок#от 19 до 30|взрослый#от 31 до 45#45+ |пожилой. 
Таким образом, чтобы отправить письмо, нужно будет выбрать свой возраст.

Сразу вопрос: а куда вставлять данные согласно формата ? Вот я создал форму:<p> <!–cforms4–></p>
куда писать

название поля # вариант1 | значение1 # вариант2 | значение2 # вариант3...

прошу меня извинить если вопрос покажется слишком простым, но я читал помощь и не нашел ответа на свой вопрос

Коментарии: 5

sonika

29.12.2007 10:24

Ответить

Непосредственно в поле формы при создании формы.
Там есть предустановленная форма бронирования:
создать по шаблону: Advansed: online booking form
создайте на ее основе форму, сразу станет все понятно куда что вставлять, т.к. в ней много примеров использования типов полей.

Ivan38

29.12.2007 18:04

Ответить

большое спасибо за подсказку – разобрался

По умолчанию поля формы расположены друг под другом
Как сделать так, чтобы некторые поля следовали друг за другом в горизональном порядке – т.е. в одну строку ?
это наверное надо смотреть стили формы ?

sonika

29.12.2007 18:17

Ответить

в меню плагина «Стиль» активируйте label IDs и list element IDs
потом смотрите исходный код страницы с вставленной формой и добавляйте правила в активный стиль формы (css)
Правда нелегкое это дело, почти как бегемота из болота 🙂
типа так для 4 и 5-ого (по счету) поля (это пример, а не готовый код!)

ol.cf-ol li#li--4, 
ol.cf-ol li#li--5 { display: block; width: 150px!important;float: left;  text-align: left!important; padding: 0!important; }

ol.cf-ol li#li--4 label, 
ol.cf-ol li#li--5 label {
width:100px!important;  margin:2px 10px 0 0; text-align:left; vertical-align:top; font-size: 10px;
display:block; float: none; color:#888888; clear: both }

ol.cf-ol li#li--4 label span, 
ol.cf-ol li#li--5 label span {width: 100px!important;}

ol.cf-ol li#li--4 input, 
ol.cf-ol li#li--5 input {margin: 3px 0!important; float: left!important; width: 60px!important;}

ol.cf-ol li#li--4 span.reqtxt, 
ol.cf-ol li#li--5 span.reqtxt {float: left!important; width: 10px }
ol.cf-ol #li--4 img.imgcalendar, 
ol.cf-ol #li--5 img.imgcalendar {position:relative;top:2px; float: left!important;}

И уж если вносите изменения в активный стиль (css) своей формы, то лучше сделать свой файл css: my-form.css, а то можно забыть что изменяли стили и при обновлении плагина перезаписать css файл, тогда прийдется все заново в css файл вносить. Я один раз так «попалась», было обидно заново писать поправки в файл css

Ivan38

30.12.2007 08:29

Ответить

с лету не получилось:
вот так выглядит обращение к одному из полей в коде формы после включения label IDs и list element IDs :

<li id="li-4-11"><label  id="label-4-11" for="cf4_field_11"> ....

(поскольку номер формы 4)

Поэтому в css пишу:

ol.cf-ol li#li--4-11, 
ol.cf-ol li#li--4-12 { display: block; width: 30px!important;float: left;  text-align: left!important; padding: 0!important; }
....

все осталось без изменений.
где ошибка ?

sonika

30.12.2007 10:38

Ответить

Смотрите какие еще правила для ol.cf-ol и li есть в данном css, например margin возможно стоит указать через important

Выпадающий список (select) & переключатель (radio) в С forms

Свежее