Как сделать модальную форму

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

<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 или 100, то окно на всю ширину. 30 - 30% от экрана, 50 - 50%, 75 - 75% экрана.
data-title - заголовок модального окна. Если пустое - то заголовок модального окна будет скрыт.
data-btnText - текст кнопки сохранения. Если не указывать, то кнопка не будет выведена.
data-btnCancelText - текст кнопки отмены - если пустая строка, то кнопка не будет показываться.
data-slideout - включение режима появления формы - выдвигает слева (1) или справа (2). Если 0 - то обычное модальное окно по центру.
data-view="alert" - показ в alert окне компонента. Подробнее про таблицы/формы в alert окне.

Примечание:

Лучше делать кастомную разметку формы, чтобы не показывать кнопку Сохранить. Кнопка модального окна действует как кнопка Сохранения. Вы можете не показывать эту кнопку, для этого указываем btnText = “”.
Вы можете использовать подобную форму просто для вывода определенной информации в любом месте программы.
По аналогии можно сделать таблицу в модальном окне
В сниппет формы будет вставлен data-param-modalForm='1' - по нему можно определить что форма модальная. Как извлечь параметр data-param в процедурах формы.

См. также Как открыть таблицу в модальном окне.

Страница-источник на сайте falconspace.ru