Просмотров: 21939 (Статистика ведётся с 06.02.2017)
Дата последнего изменения: 18.07.2019
Роберт Басыров
Сложность урока:
2 уровень - несложные понятия и действия, но не расслабляйтесь.
1
2
3
4
5
Недоступно в редакциях:
Старт

Делаем свой шаблон

Если не нравится как отображается ваш шаблон в стандартном варианте , перейдите на закладку Шаблон формы в режиме редактирования веб-формы и создайте свой шаблон, выбрав пункт Использовать свой шаблон формы .

Если форма и вопросы к ней уже созданы, то вопросы сразу отобразятся в визуальном редакторе в панели Элементы формы . Если вопросы не созданы, то их можно создавать прямо в процессе создания шаблона. Создание вопросов при создании шаблона - не самый удобный способ, к тому же в этом случае доступен не весь функционал вопросов, в частности нельзя задать валидаторы. Поэтому рекомендуем вопросы создать О том, как создать вопросы, читайте в уроке. заранее.

Видео-пример создания шаблона веб-формы

Создание шаблона и вопросов

Создадим шаблон и вопросы формы. Для этого в рабочей области разместим элементы из разделов Дополнительные элементы формы и Новые поля формы панели Элементы формы и определим их свойства. Суть элементов ясна из их названия и дополнительных пояснений не требует.

Разместите наверху поля элемент Заголовок формы, а внизу - Кнопка Отправить.

Примечание: если при создании веб-формы ставили флажок Использовать CAPTCHA, то обязательно разместите элемент CAPTCHA. Иначе при сохранении формы флаг Использовать CAPTCHA пропадёт.

Создадим вопрос с множественным выбором. В разделе Новые поля формы найдите элемент Флажок и перенесите его на поле формы. А в разделе Дополнительные элементы формы найдите элемент Подпись поля формы и поместите его перед Флажком.

Нажмите на рисунок, чтобы увеличить

Кликните на элементе Флажок, откроется панель Свойства:

Заполните поля. Обязательно заполните Строковой идентификатор, Текст вопроса и Ответы.

Кликните на элементе Подпись поля формы, откроется панель Свойства. В форме укажите Строковой идентификатор, который только что указали для элемента флажок.

Создайте по аналогии все остальные вопросы формы, разместите их нужным образом на странице, добавьте картинки, измените шрифты и используйте другие возможности визуального редактора Визуальный редактор - инструмент, позволяющий отображать редактируемый текст в точности так же, как он будет выглядеть на странице, без использования HTML кода. Подробнее... , тогда веб-форма в публичном разделе станет такой как вам хочется её видеть. Например, такой:

Как разместить сообщение об ошибке (не заполнены поля)


18


Курсы разработаны в компании «1С-Битрикс»