<%@ Register tagprefix="ie" namespace="Microsoft.Web.UI.WebControls" assembly="Microsoft.Web.UI.WebControls" %>
<html>
<head>
<title>Simple Image-Based Vertical ToolBar</title>
<script language="C#" runat="server">
public void getActive ( Object sender, EventArgs e ) {
lblActive.Text = "The currently active item is " + sender.ToString ( );
}
</script>
<link rel="stylesheet" href="/shared/netdemos.css">
</head>
<body>
<div class="header"><h2>Simple Image-Based Vertical ToolBar</h2></div>
<hr size=1 width=92%>
<div align="center">
<form runat="server">
<table align="center" width=92% border>
<tr align="center">
<td width=30>
<ie:toolbar runat="server" id="tb1"
width=30 orientation="vertical"
onbuttonclick="getActive" autopostback="true">
<ie:toolbarcheckgroup>
<ie:toolbarcheckbutton id="btnBooks"
imageurl="/shop/images/catalog/icon-books.gif" />
<ie:toolbarcheckbutton id="btnMusic"
imageurl="/shop/images/catalog/icon-music.gif" />
<ie:toolbarcheckbutton id="btnGuitars"
imageurl="/shop/images/catalog/icon-musical-instruments.gif" />
</ie:toolbarcheckgroup>
<ie:toolbarseparator />
<ie:toolbarcheckgroup>
<ie:toolbarcheckbutton id="btnTools"
imageurl="/shop/images/catalog/icon-tools.gif" />
<ie:toolbarcheckbutton id="btnElectronics"
imageurl="/shop/images/catalog/icon-electronics.gif" />
<ie:toolbarcheckbutton id="btnPhones"
imageurl="/shop/images/catalog/icon-wireless-phones.gif" />
</ie:toolbarcheckgroup>
<ie:toolbarseparator />
<ie:toolbarcheckgroup>
<ie:toolbarcheckbutton id="btnDvd"
imageurl="/shop/images/catalog/icon-dvd.gif" />
<ie:toolbarcheckbutton id="btnVhs"
imageurl="/shop/images/catalog/icon-vhs.gif" />
</ie:toolbarcheckgroup>
<ie:toolbarseparator />
<ie:toolbarbutton id="btnSearch"
imageurl="/shop/images/zoom.gif" />
</ie:toolbar>
</td>
<td style="font: bold 13pt arial; color: navy"><asp:label id="lblActive" runat="server" /></td><tr>
</table>
</form>
</div>
<hr size=1 width=92%>
<!-- #include virtual="~/shared/viewsrc.inc" -->
</body>
</html>