Разные стили у Behavior - Joomla 3.x: Общие вопросы

Всем привет!

Подключаем библиотеку "behavior.modal"...
Ссылке даем класс "modal"...
Получаем всплывающее окно с id - "#sbox-window"

Вопрос:
Как сделать разные всплывающие окна?
Например первое окно должно открываться на 50% экрана и слева, а второе на 25% и справа...

Понимаю, что нужно присвоить отдельный класс но где и как не разобрался(...
Спасибо!

В общем вернулся к вопросу, и нашел решение (хотя может и костыли это...))))...

И так дано:
1. Делаем 2 модальных окна (можно и больше) через встроенный в Joomla "JHtml::_('behavior.modal');"
2. Модальные окна выводят разный контент и должны выглядеть поразному...

Решение:
1. Если ничего не менять в коде Joomla, то модальные окна выводятся конструкцией:

2. Допустим мы открываем модальные окна, кликая по ссылке
Здесь класс "modal" отвечает за "модальность".

3. Чтобы не лезть в код движка, добавляем "sbox-window" через "onclick" собственный класс, например "test" и "test2".

4. Но без перезагрузки страницы, присвоенные классы будут мешать друг другу. Значит добавляем в "onclick" удаление классов:

5. Все! Теперь в CSS добавляем нужные стили, и получаем удовольствие!

2. Допустим мы открываем модальные окна, кликая по ссылке
Код

<a href="popup" class="modal">

В ссылке можно указать атрибут rel и в нем передать доп.параметры для модального окна. Попробуйте, может такой способ будет удобней:
Кроме размера там можно указывать тип обработчика модального окна (handler):
"handler определяет способ загрузки данных в окно и может иметь следующие значения: image, clone, adopt, AJAX, iframe."
И доп.параметры, специфичные для выбранного обработчика.

В ссылке можно указать атрибут rel и в нем передать доп.параметры для модального окна. Попробуйте, может такой способ будет удобней:

Код

<a href="popup" class="modal" rel="{size: {x: 640, y: 480}}">

Кроме размера там можно указывать тип обработчика модального окна (handler):
"handler определяет способ загрузки данных в окно и может иметь следующие значения: image, clone, adopt, AJAX, iframe."
И доп.параметры, специфичные для выбранного обработчика.

Да, но такой метод менее гибкий на мой взгляд...

behavior.modal
первое окно должно открываться на 50% экрана и слева, а второе на 25% и справа...

Что с вашими окнами происходит при изменении размера экрана менее 979px?

Что с вашими окнами происходит при изменении размера экрана менее 979px?

А зачем мне такой экран?
Это уже для мобильной версии или для планшетов... А там уже другая история...