Войти

Войти

 

Настройка функциональности и дизайна форм

Вы можете настроить функции и внешний вид всего лишь активизируя нужные опции в меню Виджет формы (таблицы)

Используя QuintaDB вы можете создать веб-форму и базу данных для сайта, а также настроить функциональность (Поля, Переходы, Безопасность, Интеграция) и дизайн.

В предыдущих постах я описал процесс создания веб-форм и баз данных (добавление полей на форму), рассмотрел функциональность полей, а также возможность Импорта и Экспорта данных в Excel. В данной статье речь пойдет о настройке внешнего вида веб-форм (размер, цвет и т.д.) Итак после того как нужная веб-форма (контактная форма, форма обратной связи, регистрационная) создана переходим в меню Форма, секция Виджеты.


По-умолчанию откроется вкладка Интеграция. Cкопируйте JS или iframe код формы и разместите на сайте, после чего данная веб-форма появится на веб-странице.

 

Дизайн веб-формы

Откройте меню Виджет формы или Виджет таблицы, используя боковое меню.

Откройте вкладку Дизайн.

Вы можете выбрать один из готовых шаблонов, отредактировать его или настроить вручную на свой вкус. 

Настройка функциональности и дизайна веб-форм

Во вкладке Дизайн нажмите на кнопку Редактировать тему оформления

Далее перейдем к описанию параметров доступных для редактирования дизайна веб-формы:

  • Цвет фона (выберите один из предложенных цветов или задайте свой; необходимо знать код цвета)
  • Цвет текста
  • Цвет активного поля
  • Цвет поля "Секция"
  • Позиция названий полей (существует возможность выбора трех параметров: Сверху, Выровнено слева, Выровнено справа)
  • Размер шрифта названия
  • Цвет текста названия
  • Показывать название формы (выберите один из параметров ДА или НЕТ)
  • Текст описания формы
  • Размер текста описания
  • Цвет текста описания
  • Лого (система QuintaDB позволяет установить логотип вашей фирмы на форму)
  • Ширина лого
  • Высота лого
  • Высота формы (задается в пикселях или процентах)
  • Ширина формы (задается в пикселях или процентах)
  • Отступ сверху и снизу (параметр задается в пикселях)
  • Отступ слева и справа (параметр задается в пикселях)
  • Скроллинг (существует возможность установки полосы прокрутки на форму. Выберите один из трех параметров Да, Нет, Автоматически)
  • Границы (можно показать границы либо скрыть их)
  • Размер шрифта (установите нужный размер шрифта текста на форме)
  • Шрифт (выберите один из предложенных типов шрифтов)
  • Ваш CSS файл (вы можете использовать для настройки внешнего вида формы свой собственный CSS файл; подробнее о данной функциональности читайте здесь)

 


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

 

Кроме изменения внешнего вида формы, доступны следующие функции:

Переходы

Откройте вкладку Настройки:

Доступны следущие опции:

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

-Вставка кода аналитики.

 

Поля

Откройте вкладку Поля:


- Вы можете скрыть либо показать поля в виджете формы (таблицы).

- Показывать или скрывать иконку Редактирования записи.

- Включать нередактируемые поля в виджете.


Безопасность

Откройте вкладку Безопасность:

Емейлы, настройка, безопасность

Здесь вы можете:


-Добавить каптчу (для защиты от спама используйте капчу).

- Разрешить только одно заполнение формы с одного IP адреса.

- Выключить форму после определенного числа заполнений формы.

- Задать время работы формы.

- Поставить пароль на форму (таблицу).

Интеграция

Во вкладке Интеграция вы можете скопировать код для встраивания на сайт (js, iframe) или прямую ссылку на виджет.



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


Пожалуйста, войдите в QuintaDB чтобы иметь возможность оставлять комментарии
Поделиться обсуждением в социальных сетях: