Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Где можно подправить диалоговое окно в админке DLE 14?

Где можно подправить диалоговое окно в админке DLE 14?


     09.03.2021    Общие вопросы по вёрстке, Стили (CSS)    620

вопрос
Привет друзья, подскажите пожалуйста где копать стили диалогового окна в админ панеле, при множество добавленных файлов не появляется скроллинг и не возможно спуститься вниз и сохранить? Буду благодарен за помощь.
Где можно подправить диалоговое окно в админке DLE 14?

Ответа пока нет


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

shevke
Юзер

shevke - 9 марта 2021 15:10 -

Так кто поможет настроить overflow есть кто тут вообще?

lutskboy
Эксперт

lutskboy - 9 марта 2021 15:48 -

тоже нужно было такое. но в jquery я так и не сделал. там вроде и не получится. позиция абсолютное либо фиксированное. и нету оверлей. юзай бутстрап. в дле они тоже есть

TeraMoune
Эксперт

TeraMoune - 9 марта 2021 16:03 -

Как бы вот когда делали окно сделайте и внутренний контейнер который будет с скролом. По стандарту как бы всё нормально, вот если открыть окно с информацией о настройках date то там тоже всё не умещается и есть скрол.

Там есть .ui-dialog-content c overflow. Примерно такой же нужно и остальные окна делать.

shevke
Юзер

shevke - 9 марта 2021 16:15 -

Если бы я делал это окно, модуль покупной, а файлы закодированные, вот и думаю если модуль писался со стандартными стилями дле то оно работало бы как надо.

shevke
Юзер

shevke - 9 марта 2021 16:23 -

Так и автор сказал что модуль работает со стандартными окнами дле

shevke
Юзер

shevke - 9 марта 2021 16:30 -


Вот где блин копать этот элемент стайл, убераю с авто работает overflow

TeraMoune
Эксперт

TeraMoune - 9 марта 2021 17:10 -

shevke,
не кажется ли Вам, что автору и стоит это всё делать? Пишите ему, сообщите, что не всё предусмотрено и пусть доделывает.

Вот где блин копать этот элемент стайл

Эти правила выставляются автоматически из настроек инициализации .dialog окна. Ищите где находится код инициализации и пробуйте прописать вручную.
Искать нужно что-то вроде этого

$('#panel-help-section').dialog({
	autoOpen: true,
	width: w,
	height: 550,
	resizable: false,
	buttons: {
		"OK": function() { 
			$(this).dialog("close");
			$("#panel-help-section").remove();							
		}
	}
});

Вот тут указано конкретные 550 пикселей. Но лучше, чтобы высота так же определялась актуальная, а то при других ситуациях всё так же будет выходить за экран и никак не проскролить будет ту часть скрытую.

shevke
Юзер

shevke - 9 марта 2021 17:19 -

А где этот файл находится? Спасибо большое за подсказку

TeraMoune
Эксперт

TeraMoune - 9 марта 2021 18:33 -

Откуда мне знать ) Я же написал ищите, или у автора спросите. Но лучше у автора потребовать доделать работу.
То пример отдельного окна взятого из application.js но оно не является нужным конкретно для окна о котором идёт речь.

У Вас там где-то схожий я лишь показал пример на что обращать внимание. Никто из присутствующих на сайте не является лицензированным медиумом. И по сообщениям и скринам никто такой вопрос не решит.

Откройте код исходной страницы и сделайте поиск по фразе ".dialog({". Среди всех найденных попробуйте найти отвечающий на инициализацию нужного окна. (На странице добавления новостей должно быть по меньшей мере 2 найденных вхождения связаны с окном #dlepopup)

Если найдётся посторонний с виду нужный код то пробуйте искать в системе плагина в правках файла addnews.php либо данный код находится в закодированной части модуля. Тогда изменить его никак не выйдет.

Данная инициализация окна еще может находится в отдельном js файле который подключается на странице модулем.

Или чуть проще, попробуйте среди всех файлов сделать поиск на наличие содержимого слова dlebuypopup
И осмотрите все файлы на содержимое с этим словом.

shevke
Юзер

shevke - 9 марта 2021 18:50 -

Спасибо большое за более раскрытый комментарий, буду искать и решать что бы не было конфликтов.

doom45
Юзер

doom45 - 9 марта 2021 17:48 -

Как вариант: прописать новые правила CSS выбрав содержимое окна селектором.

.тут класс {
max-height: 1500px!important;
min-height:10px!important;
height: auto!important;
overflow: hidden!important;
overflow-y: scroll!important;
}

TeraMoune
Эксперт

TeraMoune - 9 марта 2021 18:33 -

Не класс, а ID. Иначе ты этими изменениями применишь стили абсолютно ко всем окнам админки.

shevke
Юзер

shevke - 9 марта 2021 18:43 -


Спасибо большое всем за помощь как написал doom45 добавил в engine/skins/stylesheets/application.css заработала, теперь проста скролов два при добавлении файлов, думаю не помешает работе.:)

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

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

наверх