Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Yes you can create more then one style using one jQuery UI theme. In the example below, i have 3 different buttons each with a different color and all using the same default UI theme. To do this, You need to redefine the UI CSS class of of the element you are working with. For example, to make a button use the UI styling, you need to include the class name ui-state-default. Note how in this example i included this same class for all the buttons. To override this UI class for a specific button we reference the button by adding another class to it then style it in our css and mark it as important. This will override the UI styling for the class you are working with. </p> <pre><code>&lt;button class="ui-state-default one"&gt;button one&lt;/button&gt; &lt;button class="ui-state-default two"&gt;button two&lt;/button&gt; &lt;button class="ui-state-default three"&gt;button three&lt;/button&gt; button{ width:200px; height:50px; display:block; margin:10px; } .two{ background: orange url(http://www.cyrilsframing.com.au/picts/menu.gif) repeat-x 0 0 !important; border:1px solid red!important; } .three{ background: orange url(http://cmshuts.com/picts/background-menu-horz.gif) repeat-x 0 0 !important; border:1px solid yellow!important; } </code></pre> <h2>View working example at <a href="http://jsfiddle.net/7vvhj/2/" rel="nofollow">http://jsfiddle.net/7vvhj/2/</a></h2> <p>For more on how to style your elements using jQuery UI check the following 2 links</p> <p><a href="http://wiki.jqueryui.com/w/page/12137970/jQuery-UI-CSS-Framework" rel="nofollow">http://wiki.jqueryui.com/w/page/12137970/jQuery-UI-CSS-Framework</a></p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload