Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » jQuery » Формирование ширины модального окна, как настроить?

Формирование ширины модального окна, как настроить?


     23.06.2017    Все вопросы » jQuery    1171

вопрос
Делаю мобильную версию сайта и столкнулся с проблемой ширины модального окна.
Насколько я понял, ширина модального окна высчитывается автоматически файлом
/engine/classes/js/jqueryui.js

И она всегда выставляется 470px, что очень много для некоторых экранов смартфонов.
Формирование ширины модального окна, как настроить?


В JS не очень понимаю, поэтому требуется ваша помощь, как сделать, чтобы ширина подстраивалась под ширину экрана? Либо как её принудительно ограничить скажем до 300px?

Ответил: Felix


Вариант от: ewak
@media screen and (max-width: 590px) {
.ui-dialog {width:100% !important;}
}
Работает как нужно.

Вариант от: irrwisch
Ширина данного окна прописана в /engine/classes/js/dle_js.js
$("#dlepopup").dialog({autoOpen:!0,width:470,resizable:!1,dialogClass:"modalfixed dle-popup-alert",buttons:{Ok:function(){$(this).dialog("close");

Вариант тоже работает.

Всем спасибо!

6 комментариев

ewak
Юзер

ewak - 24 июня 2017 07:54 -

@media screen and (max-width: 590px) {
.ui-dialog {width:100% !important;}
}

Felix
Юзер

Felix - 24 июня 2017 17:26 -

Это не сработает, так как JS этот параметр затрёт, скорее всего.

ewak
Юзер

ewak - 24 июня 2017 17:27 -

Ну... не знаю. Я поставил и все нормально работает

Felix
Юзер

Felix - 24 июня 2017 17:41 -

Хотя, не проверил, работает как нужно, спасибо большое!

irrwisch
Юзер

irrwisch - 24 июня 2017 14:02 -

Ширина данного окна прописана в /engine/classes/js/dle_js.js

$("#dlepopup").dialog({autoOpen:!0,width:470,resizable:!1,dialogClass:"modalfixed dle-popup-alert",buttons:{Ok:function(){$(this).dialog("close");

Felix
Юзер

Felix - 24 июня 2017 17:41 -

Спасибо, этот вариант тоже подходит.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

 24.04.2014 Laidman  jQuery
наверх