License Public Domain
Lines 14
Keywords
Button (1) CSS (2) Dijit (1) Dojo (1)
Permissions
Owner: Jesse I.
Viewable by Everyone
Editable by All Siafoo Users
Hide
Need a quick chart or graph for your blog? Try our reStructured Text renderer. Join Siafoo Now or Learn More

Dojo Button Width/Height Atom Feed 0

In Brief This is useful if you are interested in changing any features of buttons in dijit/dojo. This CSS code is applicable to the following HTML code:... more
# 's
 1.thinButton .dijitButtonNode {
2 padding: 0px !important;
3}
4
5.thinButtonHover .dijitButtonNode {
6 border-color:#a5beda !important;
7 border-bottom-color:#5c7590 !important;
8 border-right-color:#5c7590 !important;
9 color:#000 !important;
10 background:#fcfdff url(/dojo/dijit/themes/tundra/images/buttonHover.png) repeat-x bottom !important;
11}
12
13.thinButtonActive .dijitButtonNode {
14 border-color:#366dba !important;
15 background: #ededed url(/dojo/dijit/themes/tundra/images/buttonActive.png) bottom repeat-x !important;
16}

This is useful if you are interested in changing any features of buttons in dijit/dojo. This CSS code is applicable to the following HTML code:

<button dojoType='dijit.form.Button' baseClass='thinButton'>Button</button>

The key thing to note is that in HTML you are setting the BASE class, rather than just class. Oh another important thing to note is in the CSS file there is !important at the end of each line. If you forget that, you may not end up with what you wanted. The rest is pretty self explanatory in the CSS.