Попап (popup) окна - показ модальной формы по событию или таймауту

Можно показывать некую форму в модальном окне с некой задержкой после загрузки страницы или триггеру (клик, наведение на элемент). 

Для этого необходимо указать в GetLayout в SELECT 1 настройки popupForms. Пример: 

-- SELECT 1 в GetLayout
select '[{
            	"formCode": "newClient",
                "itemID": "11",
                "btnText": "Create client",
                "title": "title2",
                "big": 1,
                "slideout":2,
                "trigger": {
                	"delay": 0,
                    "click": ".breadcrumbsCont11",
                    "hover": ".breadcrumbsCont11111",
                    "reusable": false
                }
            }]'  popupForms

Должен быть корректный JSON массив объектов (название каждого поля - обязательно заключать в кавычки!).

  1. Каждый объект может иметь следующие свойства: 
  2. formCode - код формы 
  3. itemID - это itemID, который передается в форму
  4. btnText - текст кнопки Сохранить в модальном окне
  5. title - заголовок модального окна
  6. big - если  1, то будет большое модальное окно
  7. slideout - если 1, то окно прикреплено слева. Если 2 - то справа. 
  8. trigger - это настройки появления формы в виде объекта. 
  9. trigger.delay - задержка в мс., если больше 0, то через это время загрузится модальная форма.
  10. trigger.click - указан селектор элемента. При клике на нем будет вызвана модальная форма. 
  11. trigger.hover - указан селектор элемента. При наведении на этот элемент будет показана модальная форма. 
  12. trigger.reusable - если true, то click и hover будет вызываться каждый раз при клике или наведении на элемент (по умолчанию click и hover только 1 раз срабатывают).
Falcon Space - функциональная веб-платформа разработки на узком стеке MS SQL/Bootstrap. Вводная по Falcon Space
Насколько полезной была статья?

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

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

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