Виводимо форму в popup вікно Drupal 7

Продовжуючи тему «Створення своєї веб форми в drupal 7» - сьогодні покажу як цю форму вивести в pop-up вікні, які досить часто доводиться бачити на сайтах. Глибоко вдаватися не буду, можна, звичайно, ці дії зробити і самописним кодом, але є більш просте рішення, яке називається «popup». Як ви розумієте цю назву модуля, завантажити який можна тут.

Для початку нам необхідно активувати необхідні компоненти даного модуля,

вікно

Для вирішення нашого завдання достатньо активувати лише 3 з них, що не навантажуватиме систему.

Після активації у нас з'являється додатковий пункт у конфігурації сайту «Popup Elements», який містить у собі налаштування за замовчуванням popup вікна та формати виводу для конкретного стилю, де ми можемо вказати за якою подією буде відкривати вікно, в якому стилі, за яким краєм проводити вирівнювання і т.д. У мене налаштування ось такі - можете використовувати їх або використовувати свої, це не є принциповим. Раджу вам погратись із налаштуваннями для досягнення необхідного результату.

drupal

Зберігаємо результат. Як ви помітили я налаштовував подію «click», тобто саме на кліку у мене будуть застосовуватися дані налаштування. Тепер переходимо до налаштування нашої форми, що виводиться у блоці. Ми бачимо, що в блоці у нас так само з'явився додатковий пункт «Popup settings», в якому відображено налаштування відображення цього блоку у вікні popup. Нам необхідно приховати цей блок і вибрати зі списку за якою подією виводитиметься вебформа.

виводимо

Зберігаємо, тепер за логікою наша форма повинна з'являтися на кліку по заголовку блоку, давайте подивимося

виводимо

Бачимо, що блок у нас прихований

налаштування

А при натисканні на заголовок блоку у нас відкривається popup вікно з нашою формою. Із завданням впоралися.