FlexMenu.NET Content:

FlexMenu.NET features
Installation
Menu structure definition
Using menu component
Customizing menu appearance
Download

FlexMenu.NET features

FlexMenu Object - horizontal or vertical orientation of FlexMenu.
Hierarchical Highlighting - The parent items remain highlighted while the nested menu groups expand.
Written with C# - Leverages .NET's managed execution (memory management, automatic garbage collection and type-safety).
Cross-Browser Support - Automatically detects and renders a tailored DHTML menu for Microsoft Internet Explorer 4 - 6, Netscape
Navigator 4 - 7, Opera 5,6 and Mozilla/Gecko based browsers run on Windows, Mac and Linux.

Cost - it is totally FREE!!!

Installation

Download and run FlexMenuNETApp.msi file. Open new browser window and type in address box "http:/localhost/FlexMenuNETApp/default.aspx".If you changed virtual directory name, change rootDirectory parameter in web.config file and link in the browser window.

Menu structure definition

Menu structure is defined in XML file similar to the sample:
<?xml version="1.0" encoding="utf-8" ?>
XML file must be well formed. The root element is
. Menu items are described in elements.

Each element must contain caption attribute. Other attributes are optional. In link attribute you can define hyperlink source. In target attribute you can define the frame where the link is opened. elements can have child elements.

Using menu component

1.Place the DLL in the Application /bin folder Place a copy of FlexMenu.dll into your application's local /bin directory. You will find the dll in the product installation directory under the bin subdirectory.

2. Copy additional files Copy menuinc folder from product installation directory into your application's local directory.

3. Add reference to FlexMenu.NET assembly Select in Visual Studio.NET menu item "Project | Add Reference...". Then click "Browse..." button, select FlexMenu.dll in your application's /bin directory. Click "Open". Click "OK". FlexMenu will appear in Solution Explorer under References folder.

4. Register the DLL on your page At the top of the ASPX page that will use FlexMenu, use the ASP.NET @ Register page directive to refer to the DLL. <%@ Register TagPrefix="AITOC" Namespace="Aitoc" Assembly="FlexMenu" %>

5. Place the FlexMenu object on your page Create a sample FlexMenu using an ASP.NET WebForm tag. Set the ID and XML source file with menu structure.

6. Add into your web.config file path to root directory parameter to 1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
...

Add strings 5,6 and 7 to your web.config file.

That is all. Let's compile your project and enjoy.

Customizing menu appearance

Fig.1 Vertical menu

You can customize almost all menu parameters. To get the menu like fig.1 you should place the following piece of code into your.aspx page.

AITOC:FLEXMENU
id = "mnuLeftMenu"
XmlSource = "~/topmenu.xml"
Runat = "Server"
Width = "130"
Height = "21"
SubWidth = "130"
SubHeight = "21"
BackgroundON = "Lime"
BackgroundOVER = "Yellow"
ItemBorderColor = "Navy"
ItemShadowColor = "Gray"
Border = "1"
Shadow = "2"
Direction= "1">

Parameters	Descriptions
ID	Menu Identifier
Runat	Place where the menu component is run. Always equals "Server"
XmlSource	XML file description menu structure
ItemWidth	Menu top level item width
ItemHeight	Menu top level item height
SubWidth	Menu subitem width
SubHeight	Menu subitem height
ItemBorderColor	Border color
ItemShadowColor	Menu shadow color
BackgroundON	Menu item is highlighted with color when the mouse pointer is on the item
BackgroundOVER	Menu item is highlighted with color in the usual state
Border	Border width. 0 — no border
Shadow	Shadow width. 0 — no shadow
Direction	Menu direction. 0 — horizontal, 1 — vertical

* Grey items are obligatory

You also can operate menu appearance by CSS:

DIV { font-family : Tahoma, Helvetica; }

.clsCMOn {
color: black;
font-size : 12px;
text-decoration : none;
padding: 2px 4px;
}
.clsCMOver {
color: black;
font-size : 12px;
text-decoration : none;
padding: 2px 4px;
}

You can describe common style for menu items text in DIV tag style sheet. CSS classes clsCMOn and clsCMOver describe menu item link appearance when a mouse pointer is on and over the menu item.

You're reviewing: FlexMenu.Net Free Component

How do you rate this product?*

	1 star	2 stars	3 stars	4 stars	5 stars
Rating

Name*

Review*

Submit Review