Jquery UI Dialog - more then modal box withi different style

Jquery UI Dialog - more then modal box withi different style

Hello all. I have been heavily reading the Jquery UI documentation and have not found this at all. I would like use modal dialogs throughout the site, however, several of these will look different. How do I do this. It seems the modal dialog uses the same classes.

I know this can be done for tabs like this:



$("#miniTab > ul").tabs(); //tab set 1

$("#mainTab > ul").tabs   
defaults = {                   
navClass: 'ui-tabs-nav-main',
selectedClass: 'ui-tabs-selected-main',
unselectClass: 'ui-tabs-unselect-main',
disabledClass: 'ui-tabs-disabled-main',
panelClass: 'ui-tabs-panel-main',
hideClass: 'ui-tabs-hide-main',
loadingClass: 'ui-tabs-loading-main'
}
);  //tab set 2 (themed differently)




How is this done for Dialog?

Thanks for any help.
    • Topic Participants

    • jonas