Формы. Как сделать модальную форму (открывается в диалоговом окне)

Используйте следующую разметку

<a href="#" class="as-form-modal" data-code="profile" data-itemid="11" data-big="1" data-btntext="Сохранить">Show Form!</a>

Параметры:

  • data-code - указываем код формы.
  • data-itemID - указываем ID элемента (если на добавление то пустая или 0). ВАЖНО: здесь не работает formy--kak-sdelat-modalnuyu-formu--otkryvaetsya-v-dialogovom-okne.
  • data-big - если 1, то модальное окно будет большим.
  • data-title - заголовок модального окна. Если пустое - то заголовок модального окна будет скрыт.
  • data-btnText - текст кнопки сохранения. Если не указывать, то кнопка не будет выведена.
  • data-btnCancelText - текст кнопки отмены - если пустая строка, то кнопка не будет показываться. 
  • data-slideout - включение режима появления формы - выдвигает слева (1) или справа (2). Если 0 - то обычное модальное окно по центру. 

Примечание:

  1. Лучше делать кастомную разметку формы, чтобы не показывать кнопку Сохранить. Кнопка модального окна действует как кнопка Сохранения. Вы можете не показывать эту кнопку, для этого указываем btnText = “”.
  2. Вы можете использовать подобную форму просто для вывода определенной информации в любом месте программы.
  3. По аналогии можно сделать таблицу в модальном окне
Falcon Space - функциальная веб-платформа разработки на узком стеке MS SQL/Bootstrap. Вводная по Falcon Space

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

Суть подхода и история создания Falcon Space

Платформа Falcon Space

Это снижение стоимости владения

за счет меньшего количества людей для поддержки

Это быстрое внесение изменений

по ходу эксплуатации программы

Это современный интерфейс

полная адаптация под мобильные устройства

Веб-приложения на MS SQL. Партнерская программа для разработчиков и веб-студий

Вы можете разрабатывать самостоятельно или сотрудничать с нами в плане веб-разработки на платформе Falcon Space, используя только SQL и HTML.
Смотреть примеры с кодом SQL
Документация по платформе

Google поиск по нашей документации