Модальная ссылка (as-modal)

Модальная ссылка позволяет сделать быстро модальное окно с нужной разметкой. 

<a href="#" class="as-modal" data-title="Title 1" 
data-content="<p class='lead'>Text 1</p>" 
data-big="1" data-slideout="2">Modal link</a>

По клику вызывается  модальное окно с кнопкой Закрыть. Параметры: 

  • data-title - установка заголовка модального окна
  • data-content - html разметка для окна
  • data-big - если 1, то большое окно
  • data-slideout - если 1, то окно появляется слева. Если 2 - то справа. 

При этом, если в разметке модального окна будут компоненты, они будут проинициализированы после показа окна. 

<a href="#" class="as-modal hide" data-title="Title 1" 
data-content="<div class='as-table' data-code='pages'>Text 1</div>"  
data-big='1' data-slideout='1'>Modal link</a>

Falcon Space - функциональная веб-платформа разработки на узком стеке MS SQL/Bootstrap. Вводная по Falcon Space
Насколько полезной была статья?

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

Выгода от использования Falcon Space

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