1. Главная
  2. Форумы
  3. Техподдержка Drupal
  4. Решение проблем

Вывод блока в попапе с автоопределением размера контента

Главные вкладки

Задача:
При клике по ссылке вывести блок в попапе без указания размера попапа (т.е. размер попапа должен быть равен содержимому попапа).

Решение:

  1. Вывести блок на странице обычным способом (блок можно сформировать с помощью Views при необходимости) и скрыть его в CSS:
    .footer #block-views-contacts-block {
    display: none;
    }
  2. Установить модуль colorbox.
    В настройках colorbox отметить галочкой "Включить Colorbox для inline-элементов".
  3. Сформировать и вывести в нужном месте ссылку клик по которой будет отображать нужный блок в попапе.
    <a class="colorbox-inline" href="?inline=true#block-views-contacts-block">Контакты</a>
  4. Тематизировать попап добавив отступы внутри блока и окрасив его в нужный цвет (по умолчанию прозрачный)
    #block-views-contacts-block {
    padding: 0 20px 20px;
    background-color: white;
    }
  5. Наслаждайтесь Smile
    Контакты в попапе

P.S. Если вы хотите задать фиксированный размер попапа то ссылка может выглядеть так:

<a class="colorbox-inline" href="?width=500&height=500&inline=true#block-views-contacts-block">Контакты</a>

Но в этом случае фон нужно задавать для попапа а не для блока.

ВложениеРазмер
Иконка изображения Результат 9.62 КБ
Иконка изображения Настройки Colorbox 155.56 КБ

Комментарии

Логотип drupal.ru

Содержимое сайта публикуется на условиях CreativeCommons Attribution-ShareAlike 3.0 или более поздней версии. Программные коды в тексте статей — на условиях GNU GPL v2 или более поздней версии.

Документация по совместной работе с репозиторием drupal.ru – https://docs.drupal.ru/code

Drupal – торговая марка Дриса Бёйтарта

12+

AltStyle によって変換されたページ (->オリジナル) /