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

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

<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). ВАЖНО: здесь не работает url-itemID (в фигурных скобках).
  • 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
Насколько полезной была статья?

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

Falcon Space

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

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

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

по ходу эксплуатации программы. Как создается функционал на платформе

Это простой удобный интерфейс

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

Нужна бесплатная консультация?
Получить оценку проекта
Создайте концепцию проекта на основе нашего шаблона и получите оценку проекта в виде КП.
Демо-сайт решений
Базисные решения, которые можно гибко адаптировать под себя: менять внешний вид, бизнес-логику и даже структуру базы данных.
Сайт использует Cookie. Правила конфиденциальности OK