Use toggle button and tool bar, add icon to toggle button

 

<html>
  <head>
    <link rel="StyleSheet" type="text/css"
      href="js/dojo/dijit/themes/tundra/tundra.css">
    <script type="text/javascript">
      var djConfig = {
        baseScriptUri : "js/dojo/",
        parseOnLoad : true
      };
    </script>
    <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script>
    <script>
      dojo.require("dojo.parser");
      dojo.require("dijit.form.Button");
      dojo.require("dijit.Toolbar");
    </script>
  </head>
  <body class="tundra">
     <div id="toolbar1" dojoType="dijit.Toolbar"
          style="width:25px;">
       <div dojoType="dijit.form.ToggleButton"
            iconClass="dijitEditorIcon dijitEditorIconBold"
            showLabel="false">
       </div>
     </div>
  </body>
</html>

Dojo-toolkit.zip( 3,849 k)

Related examples in the same category

1.	Toggle button on change event
2.	Add toggle button to tool bar

Use toggle button and tool bar, add icon to toggle button : ToggleButton « Dojo toolkit « JavaScript DHTML

Related examples in the same category