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

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

<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-slideout - включение режима появления формы - выдвигает слева и занимает практически весь экран.
  • Примечание:
  1. Лучше делать кастомную разметку формы, чтобы не показывать кнопку Сохранить. Кнопка модального окна действует как кнопка Сохранения. Вы можете не показывать эту кнопку, для этого указываем btnText = “”.
  2. Вы можете использовать подобную форму просто для вывода определенной информации в любом месте программы.
  3. По аналогии можно сделать таблицу в модальном окне

Платформа Falcon Space

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

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

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

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

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

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

Бесплатное обучение разработке на Falcon Space

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