Используя QuintaDB вы можете создать веб-форму и базу данных для сайта, а также настроить функциональность (Поля, Переходы, Безопасность, Интеграция) и дизайн.
Дизайн веб-формы
Откройте меню Виджет формы или Виджет таблицы, используя боковое меню.
![Боковое меню](https://quintadb.ru/images/data/bHAwB22Svf4ygXoNXkKAWx/c2WObHgbzoWRpcP3lcHCoX/1.webp)
Откройте вкладку Дизайн.
Вы можете выбрать один из готовых шаблонов, отредактировать его или настроить вручную на свой вкус.
![Настройка функциональности и дизайна веб-форм](https://quintadb.ru/images/data/bHAwB22Svf4ygXoNXkKAWx/cBoCkNomjhrO_dI8oLuhO9/2.webp)
Во вкладке Дизайн нажмите на кнопку Редактировать тему оформления
![Редактирование темы виджета формы](https://quintadb.ru/images/data/bHAwB22Svf4ygXoNXkKAWx/c7WQpcMJ5cV4odh1lcUCkA/3.webp)
Далее перейдем к описанию параметров доступных для редактирования дизайна веб-формы:
- Цвет фона (выберите один из предложенных цветов или задайте свой; необходимо знать код цвета)
- Цвет текста
- Цвет активного поля
- Цвет поля "Секция"
- Позиция названий полей (существует возможность выбора трех параметров: Сверху, Выровнено слева, Выровнено справа)
- Размер шрифта названия
- Цвет текста названия
- Показывать название формы (выберите один из параметров ДА или НЕТ)
- Текст описания формы
- Размер текста описания
- Цвет текста описания
- Лого (система QuintaDB позволяет установить логотип вашей фирмы на форму)
- Ширина лого
- Высота лого
- Высота формы (задается в пикселях или процентах)
- Ширина формы (задается в пикселях или процентах)
- Отступ сверху и снизу (параметр задается в пикселях)
- Отступ слева и справа (параметр задается в пикселях)
- Скроллинг (существует возможность установки полосы прокрутки на форму. Выберите один из трех параметров Да, Нет, Автоматически)
- Границы (можно показать границы либо скрыть их)
- Размер шрифта (установите нужный размер шрифта текста на форме)
- Шрифт (выберите один из предложенных типов шрифтов)
- Ваш CSS файл (вы можете использовать для настройки внешнего вида формы свой собственный CSS файл; подробнее о данной функциональности читайте здесь)
Выше представлены те параметры, редактируя которые можно изменить дизайн вашей формы. Кроме изменения внешнего вида формы, доступны следующие функции:
Переходы
Откройте вкладку Настройки:
![](https://quintadb.ru/images/data/bHAwB22Svf4ygXoNXkKAWx/dcICktW6jgvOo6mmk5iCoM/3.webp)
Доступны следущие опции:
- Редактирование системного сообщения при добавлении новой записи ("сообщение после отправки формы").
- Переадресовка пользователя после заполнения формы (после того, как ваши пользователи успешно добавили запись, вы можете перенаправить их на другой сайт. Выберите URL куда они будут перенаправлены).
- Переход на страницу записи (перейти на страницу виджета записи. Пользователь увидит запись, которую он только что добавил. Выберите один из параметров Да или Нет).
- Вставка кода аналитики.
Поля
Откройте вкладку Настройки - Поля в виджете, чтобы скрыть поля в виджете формы:
![Настройка полей на виджете формы](https://quintadb.ru/images/data/bHAwB22Svf4ygXoNXkKAWx/dcLKtcQCjgWP7dG8o8WR4W/3.webp)
Откройте вкладку Настройки - Форма редактирования, чтобы скрыть поля в виджете редактирования записи:
![Поля формы редактирования](https://quintadb.ru/images/data/bHAwB22Svf4ygXoNXkKAWx/cOW7FcM8joW5mFBCoiA8kf/4.webp)
Безопасность
Откройте вкладку Настройки - Безопасность:
![Безопасность виджета формы](https://quintadb.ru/images/data/bHAwB22Svf4ygXoNXkKAWx/b3W4ZdQ8jiwBXli8kYkmo_/5.webp)
Здесь вы можете:
Интеграция
Во вкладке Интеграция вы можете скопировать код для встраивания на сайт (js, iframe) или прямую ссылку на виджет.
![интеграция виджета формы](https://quintadb.ru/images/data/bHAwB22Svf4ygXoNXkKAWx/crW6FcGhThWR7dK8o3uJmX/5.webp)
Используя сервис QuintaDB, вы можете создать и установить на сайт веб-формы на любой вкус. Подробнее про интеграцию виджета, читайте в этой статье.