Показ формы в модальном окне на сайте. Диалоговое окно с формой

В этом примере было реализован вызов модальной формы с разными настройками.

Для этого мы:

создали форму
в кастомной разметке прописали две кнопки
- вызов обычной формы
- вызов увеличенной формы

<a href="#" class="as-form-modal btn btn-success" data-code="watch_reset" data-itemid="0" data-big="0" data-title="Пример 1" data-btntext="Сохранить">1. Обычный вызов</a>

<a href="#" class="as-form-modal btn btn-success" data-code="watch_reset" data-itemid="1" data-big="1" data-title="Пример 2" data-btntext="Сохранить">2. Крупная форма</a>

Другие демостенды

— Модальная форма с таблицей в личном кабинете
— Оконный интерфейс пользователя в личном кабинете на сайте - терминалы

Что есть в базе знаний по этой теме

— Счетчики в личном кабинете на сайте
— Как сделать модальную форму
— Модальная ссылка (as-modal)
— Как решать проблемы быстродействия
— Как сохранить значение поля в браузере, чтобы каждый раз его не вбивать при загрузке (оставлять последнее сохраненное). Запоминание поля формы в браузере
— Как сделать модальное окно определенной ширины

В чем выгода для бизнеса?

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