Home     About PeterBlum.com     Policies     Download a Licensed Product     Newsletter
Peter's Interactive Pages
DropDownMenu Control

The DropDownMenu uses the Context menu to give a dropdown menu from a toggle button. The toggle button can use a graphic or text. When clicked, the ContextMenu appears.

Demo

The first menu shows 3 items. It uses PopupOnMouseOver to allow you to point to the toggle without clicking to display the menu.
The second menu shows a different toggle button type.
Show menu
 | 

ASP.NET Syntax for this demo

<des:DropDownMenu ID="DropDownMenu1" runat="server" PopupOnMouseOver="True">
   <Menu>
      <des:CommandMenuItem CommandID="10" CommandLabel="Say hello, Ollie"
         OnClickScript="alert('Hello Ollie!');" />
      <des:SeparatorMenuItem/>
      <des:CommandMenuItem CommandID="20" CommandLabel="Google"
         NavigateUrl="http://www.google.com" />
   </Menu>
</des:DropDownMenu>
&nbsp;|&nbsp;
<des:DropDownMenu ID="DropDownMenu2" runat="server" ToggleType="Button" ToggleText="Menu2">
   <Menu>
      <des:CommandMenuItem ConfirmMessage="Do you want to save?" 
         CommandID="103" CommandLabel="Submit the page" PostBack="True" />
      <des:HintMenuItem Hint="This is a hint MenuItem" />
   </Menu>
</des:DropDownMenu>