Ajax contorl toolkit HoverMenu Demonstration
HoverMenu Demonstration
Mouse over the grid below to see the options for each row.
Have product idea |
Figure out opportunities |
0 |
|
Talk to customers |
Make sure they want it |
1 |
|
Design product |
Figure out the features and architecture |
2 |
|
Build prototype |
Work out the issues |
3 |
|
Test features |
Use TDD and automated testing |
4 |
|
Build production version |
Make it fast and robust |
5 |
|
Fix bugs |
Make sure it works |
6 |
|
|
HoverMenu is an ASP.NET AJAX extender that can be attached to any ASP.NET WebControl, and will
associate that control with a popup panel do display additional content. When the user moves
the mouse cursor over the main control two things happen:
- The popup panel is displayed at a position specified by the page developer (at the left, right,
top, or bottom of the main control)
- Optionally, a CSS style is applied to the control
to specify it as "hot"
In the sample above, an ASP.NET GridView is populated with data from a database. In each row of
the GridView, a HoverMenu associates the content of the row with a Panel containing links that
operate on that row.
Mouse over the GridView above to see this behavior. Upon choosing "Edit", the row will go into
edit mode, and you'll notice the menu will appear to the right of the content, demonstrating the
ability to choose the popup position.
Each row of the GridView above contains a HoverMenu which is initialized with this code.
The italic properties are optional:
<ajaxToolkit:HoverMenuExtender ID="hme2" runat="Server"
TargetControlID="Panel9"
PopupControlID="PopupMenu"
HoverCssClass="popupHover"
PopupPosition="Left"
OffsetX="0"
OffsetY="0"
PopDelay="50" />
Ajax control toolkit HoverMenu example with demo in asp .net
In this asp .net tuotiral you will learn about
ajax control toolkit HoverMenu,ajax control toolkit HoverMenu Extender,ajax control toolkit pie chart sample,ajax control toolkit HoverMenu Demo,ajax control toolkit HoverMenu with database,ajax control toolkit HoverMenu tutorial