|Status:||reviewed & tested by the community|
The main purpose of jquery UI is its ability of using different themes for the widgets. At present the jquery ui module is not including any css. When I add any widget the respective theme has to be included automatically. If no theme is specified the base theme should be included. At present we need to include respective theme css files explicitly.
I changed drupal_add_js function to include the respective themes.
Please check the attached patch
Note: You need to apply http://drupal.org/files/issues/jquery_ui_external_compress_type_bug.patch patch for http://drupal.org/node/388356 bug.
After applying the patch you can download any customized theme that you created using the jqueryUI Theme Roller interface and use here. The theme will automatically load when you add the widget.
To use new themes use the following procedure
Download any theme from from the http://jqueryui.com/download link and extracted it. Copy theme directory to jquery_ui/jquery.ui/theme folder with the name of the theme. I downloaded Vader theme
>> unzip jquery-ui-personalized-1.6rc6.zip
>> cp -r theme /jquery.ui/themes/Vader
In my module I included that theme using the following function call
That's it. The corresponding theme is enabled for that widget.