Changeset 9350 for dijit/trunk/form/templates/DropDownButton.html

Timestamp:

06/28/07 03:49:50 (19 months ago)

Author:

bill

Message:

Specify icons in buttons via CSS rather than <img> tag.
The CSS for icons is either in tundra.css (for the editor icons),
or in the customer's css file (for custom icons).

Toolbar buttons have an icon and text defined but you can control which shows up
via CSS rules (the text needs to show up if dijit_a11y is set). Haven't created
those rules yet though, so for now both icon and text show up.

Need to doublecheck a11y stuff; I think I might have broken it.

Refs #3455.

When MenuItem? is converted to extend Button it will inherit this method of
setting icons.

Files:

• dijit/trunk/form/templates/DropDownButton.html (modified) (1 diff)

dijit/trunk/form/templates/DropDownButton.html

@@ -3 +3 @@
         ><div class='dijitRight'>
         <button tabIndex="${tabIndex}" class="dijitStretch dijitButtonNode" type="${type}" id="${id}" name="${name}" alt="${alt}"
-        dojoAttachPoint="popupStateNode;focusNode" waiRole="button" waiState="haspopup-true;labelledby-${id}_label"
-                ><span class="dijitButtonContents" dojoAttachPoint="containerNode" id="${id}_label">${label}</span
+                ><div class="dijitInline ${iconClass}"></div
+                ><span class="dijitButtonContents"      dojoAttachPoint="containerNode;popupStateNode;focusNode"
+                 waiRole="button" waiState="haspopup-true;labelledby-${id}_label" id="${id}_label">${label}</span
                 ><span class='dijitA11yDownArrow'>&#9660;</span>
         </button>