23 августа 2015 в 19:58
Здравствуйте.
Есть Colorbox+External Links, и тема на основе Bootstrap
При уменьшении размеров окна браузера, модальное окно Colorbox не влезает и скроллится.
Как сделать его поменьше или адаптивным?
Спасибо.
Содержимое сайта публикуется на условиях CreativeCommons Attribution-ShareAlike 3.0 или более поздней версии. Программные коды в тексте статей — на условиях GNU GPL v2 или более поздней версии.
Документация по совместной работе с репозиторием drupal.ru – https://docs.drupal.ru/code
Drupal – торговая марка Дриса Бёйтарта
Поддерживать инфраструктуру Drupal.ru нам помогает компания ДАЛЕЕ
Комментарии
...то есть, там есть какие-то настройки для модуля, но по факту жестко задать размер окна через них не удается.
в jquery.colorbox.js можно указать maxWidth например "280" и это работает.
Т.е. можно просто уменьшить окно (и то хлеб), но совершенно неясно почему это не работает из настроек плагина...
Указывайте размеры в ссылке: "[path]?width=500&height=500"
У меня это не работает :/
И так или иначе хочется не определять каждую ссылку отдельно, а чтобы все одним махом.
Через CSS не изменить - оно width для div-a определяет прямо inline, через style="width=..." в самом дивижене, и генерит это в зависимости от размера окна, а я в javascript не очень силен, чтобы самостоятельно разобраться, где именно оно генерится...
Мда...
Настраивайте отображение по умолчанию: admin/config/media/colorbox. Не забудьте переключить "Параметры" на "Пользовательский".
...в общем, решил пока не морочить голову: сделал сообщение пользователю в виде не такста, а адаптивной картинки, и выставил в jquery.colorbox.js - maxWidth - "280" и scrolling: false - теперь при любом разрешении всё более-менее читаемо и без скроллов.
спасибо!