Algorithms
Articles
Libraries
Snippets
Groups
Users
Dojo Button Width/Height
Edit
Add to Library
Add to Algorithm
Subscribe
Download
Send
Add Similar
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
Language
CSS
# '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.
Keywords
Dojo
(1)
Dijit
(1)
CSS
(1)
Button
(1)
License
Add a Comment