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

Question

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

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

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

ура :) 1009 *

Answer 1

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

.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()
  }
})