Как настроить диалоговое окно jQuery под свой дизайн

[Светлана Г.]

Здравствуйте!

Использую метод .dialog() для создания модального окна. Но мне нужно оформить его под свой дизайн. Например, .ui-dialog-titlebar в моем дизайне отсутствует. Мне нужно просто переопределять стили для этого? Или, например, можно отключить как-то панель .ui-dialog-titlebar?

 

И еще, как мне прописать этому окну свой уникальный класс или ID, если его все равно jQuery оборачивавает в свои стандартные блоки?

[Radiocity]

Нужно переопределить стили. Для этих целей может помочь конструктор на сайте библиотеки. Однако,  некоторые стили могут быть прописаны в js.

Edited December 24, 2013 by Radiocity

[Светлана Г.]

О конструкторе и некоторых настройках через js знаю. Но этого не достаточно. Главное, меня интересует, как присвоить уникальный класс или ID. На сайте будет несколько подобных окон со своей стилизацией.

При генерации модального окна увидела такой атрибут: aria-labelledby.

 

Может быть можно его использовать вместо уникального идентификатора для этого окна?

Вот кажется, нашла то, что гнужно:

dialogClass: "zzzzzzzzzzzzz" - присваивает уникальный класс.

Edited December 24, 2013 by Светлана Г.

[Radiocity]

Нужно немного поправить js, чтобы присваивался уникальный id для каждого окна, если этого изначально не было.

Edited December 24, 2013 by Radiocity

[Светлана Г.]

Нужно немного поправить js, чтобы присваивался уникальный id для каждого окна, если этого изначально не было.

Добавить это: dialogClass: 'id' ?

[Radiocity]

dialogClass — параметр, устанавливающий дополнительный класс для форматирования. Соответственно, он текстовый, а значит можно задать уникальный класс, добавив генерацию случайных чисел.
http://jsfiddle.net/87YF8

 

Все зависит от поставленной задачи.

Бред какой то написал

Edited December 24, 2013 by Radiocity

[aleks_lv]

а что мешает  своим скриптом пересчитать  эти окна и  добавить  что надо

   $(".ui-dialog ").each(function(index, domElement){        $(domElement).attr("id","ttt"+index)    })

[Radiocity]

Это костыль

[Светлана Г.]

dialogClass — параметр, устанавливающий дополнительный класс для форматирования. Соответственно, он текстовый, а значит можно задать уникальный класс, добавив генерацию случайных чисел.

http://jsfiddle.net/87YF8

 

Все зависит от поставленной задачи.

Бред какой то написал

Нет, генерация случайных классов не нужна. Вполне устроил dialogClass. 

Спасибо всем!