newb Qu, iterolling jQuery UI - как получить толщину границы и фоновое увядание

61
5

Я использую jQuery UI, который кажется большим, но я пытаюсь настроить его с помощью приложения iteroller. http://jqueryui.com/themeroller/ Я использую диалог для всплытия модального окна

Я вижу, что я могу контролировать цвет границ, но я не вижу, как я намерен изменить их толщину. Например, в разделе контента (приведенная выше ссылка и посмотрите правильно) вы можете изменить цвет, но не толщину.

Также, когда появляется модальное окно, я хотел бы, чтобы фон исчезал с наложенным цветом, а не просто щелкнул по нему. Где-то я могу это контролировать?

ура :)

спросил(а) 2021-01-19T15:00:07+03:00 2 месяца, 3 недели назад
1
Решение
62

Themeroller не может этого сделать для вас. Вам придется добавить это в свой файл CSS. Например, если вы хотите, чтобы толщина границы диалога была 3px, добавьте

.ui-dialog { border-width: 3px }

Если вы хотите изменить толщину границы всех виджетов, сделайте

.ui-widget-content { border-width: 3px }

Чтобы заставить диалог исчезать, а не просто появляться, вам придется изменить код JavaScript, который создает диалог. Поскольку "show" и "hide" влияют только на сам диалог (а не наложение), вам нужно будет автоматически сгладить оверлей:

$('<div/>').dialog({
show: 'fade',
hide: 'fade',
modal: true,
open: function( e, ui ) {
$('.ui-widget-overlay').hide().fadeIn()
}
})

ответил(а) 2021-01-19T15:00:07+03:00 2 месяца, 3 недели назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема