Адаптивный Lightbox с ограничением по ширине и высоте

Вопросы, связанные с адаптивным и мобильным веб-дизайном в WYSIWYG Web Builder.
Правила форума
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
Ответить
Аватара пользователя

Автор Темы
alexblinov
Читатель
Читатель
Сообщения: 8
Зарегистрирован: 06 окт 2017, 00:05
Версия Web Builder: 12.0.3

Адаптивный Lightbox с ограничением по ширине и высоте

Сообщение alexblinov » 03 авг 2020, 12:21

Приветствую.

Как реализовать форму лайтбокса с ограничением по ширине и высоте для компьютеров?

Имеется код:

Код: Выделить всё

function displaylightbox(url, options)
{
   options.padding = 0;
  options.margin = 0;
  options.height = '90%';
  options.width = '90%';
  options.centerOnScroll = true;
  options.overlayOpacity = 0.8;
   options.autoScale = true;
   options.href = url;
   options.type = 'iframe';
   $.fancybox(options);
}


Требуется задать максимальное ограничение hetght = 400; width = 600;, дабы лайтбокс форма не была столь огромной на стационарных устройствах.

Изображение

Логически пытался добавить в код лайтбокса:

Код: Выделить всё

  options.MaxWidth = 600;
  options.MaxHeight = 400;


К сожалению не работает)))

поделитесь опытом.

Реклама
Аватара пользователя

anonimus
Moderator
Moderator
Сообщения: 5087
Зарегистрирован: 12 июн 2012, 07:12
Версия Web Builder: 12.0.2
Имя: Анатолий Webmaster
Контактная информация:

Адаптивный Lightbox с ограничением по ширине и высоте

Сообщение anonimus » 03 авг 2020, 14:20

Открыть настройки лайтбокса и прописать следующее (свои размеры):

Код: Выделить всё

width: 300,
height: 300

В этом случае саму форму делаем таким же размером,либо размер лайтбокса делаем по размеру формы
**** Аудит ваших проектов (сайтов) на предмет ошибок и различного рода проблем! ****
>>> Ускорение загрузки ваших сайтов >>>
Консультации по WebBuilder, обучение эффективной и главное правильной работе в программе Wysiwig Web Builder.
Решение проблем с вашими проектами, разработка структуры сайта и его функционала, адаптация и оптимизация под мобильные тел и планшеты.
Создание и дизайн сайтов, решение проблем с готовыми сайтами, прочие работы в интернете (домены, хостинг и т.п.)
Оптимизация сайта под продвижение в поисковых системах ( seo )
==============
Skype: onlinebusinesscard.ru
Емаil: mailrobot@wwbmaster.ru
Мои товары в магазине https://market.wysiwygwebbuilder.ru/anonimus.html
==============

Аватара пользователя

Eric
Продвинутый
Продвинутый
Сообщения: 299
Зарегистрирован: 19 дек 2018, 17:40
Версия Web Builder: 14.2.2
Имя: Дмитрий
Контактная информация:

Адаптивный Lightbox с ограничением по ширине и высоте

Сообщение Eric » 03 авг 2020, 20:13

Разработка расширений под WebBuilder.


Ответить

Вернуться в «Адаптивный и мобильный веб-дизайн.»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость