destiny child
Silver Member | Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Вопрос.
Есть вызов диалога.
Код:
const dlg = $('<div></div>').html('temporal placeholder')
.dialog({
height: 300,
width: 300,
title: 'Extended info about the event'
});
dlg.dialog('open');
dlg.html('<some aditional html based text with detailed info>');
|
всё норм. диалог показывается. НО)) слишком неказисто выглядит.
Да, есть вроде как темы для UI элементов в той же jquery библиотеке, но - там подразумевается применение С НАЧАЛА загрузки страницы применение соответствующего css.
А это не подходит, т.к. диалог создается в куске, скажем так, кода, который потом догружается к основному шаблону страницы в django проекте. И для редактирования доступны только части, условно говоря, <body>...</body> блока.
Вопрос - как на лету применять какую-то тему к диалогу в таких условиях? Или как практичнее и правильно применить что-то из возможностей bootstrap библиотеки? Там вроде тоже есть какие-то "раскраски" элементов UI.
Приблизительно хотелось бы, к примеру, кнопку закрытия диалога сделать явно выделенной, возможно графической - типа там кружочек с красным крестиком. Границу диалога тоже явно трехмерно отрисовать. Выпукло что ли))) Подложку на весь "задник" фона диалога наложить - или графическую, или по шаблону заливки как-то.... |
