Is there a way to disable the theming on one element in the page?
I have some Jquery UI element but I need to have one of these element not themed. How to do that?
A:
JQuery UI is made up of some standard CSS framework classes. You can remove the UI themes from an element by turning off those classes. Check out the JQuery UI docs to see a list of the classes and decide which one it is you want to remove (using Firebug makes this pretty easy as well, you can identify which UI classes are applied). ui-widget and ui-state-default are likely choices.
Once you know the class, just use JQuery's removeClass() to get it off:
$('element').removeClass('ui-widget');
zombat
2010-01-24 19:21:04
By removing the class, I won't be able to drag-and-drop I guess and this is problematic. In fact I want the Modal Dialog to be themed and not all other controls that can be dragged.
Daok
2010-01-24 19:30:34
give the control an id and overwrite the css
redsquare
2010-01-24 20:16:36
Hard to go because the JQuery Draggrable plug-in use Class for its manipulation.
Daok
2010-01-24 20:42:27
A:
AFAIK you will have to remove all the classes of the element (+ children) as there are no options to disable the class name rendering in any ui widget.
redsquare
2010-01-24 19:22:26