To answer your question: how to create a new jquery theme?
- Just like @Andrea mentioned, You should use jQuery ThemeRoller
Define your
sj:head
like this<%@ taglib prefix="s" uri="/struts-tags"%> <%@ taglib prefix="sj" uri="/struts-jquery-tags"%> <html> <head> <sj:head jqueryui="true" jquerytheme="mytheme" customBasepath="template/themes"/> </head> <body> </body> </html>
You should care following style classes.
- ui-widget-header
- ui-state-default
- ui-widget-content
If you want to adjust single style, you can use either CSS selector or jQuery selector to do this.
the plugin will do the rest. Just try it out.