Stylin' XML Demo

This demo illustrates binding an XML file to skmMenu using styles. The code-behind code is the same as in the Simple XML Demo. The styles set here can be set through the Visual Studio .NET designer with just a bit of pointing and clicking. Specifically, the changes made were:

Specifies Font information for the Menu
Set the Menu's backcolor to gray
Configured the Menu such that the SelectedMenuOption had a light orange backcolor
Specified the padding for each MenuItem to be 5 pixels
Specified that the Menu should use a cursor pointer when hovering over a clickable link.

View the XML file bound to the DataGrid, SimpleXML.xml...

My Books

4GuysFromRolla.com

My Hobby Web Sites

Source Code

HTML Portion:


											
<%@ Register TagPrefix="cc1" Namespace="skmMenu" Assembly="skmMenu" %>
<cc1:Menu id="Menu2" runat="server" Font-Names="Arial" Font-Size="Small" BackColor="#E0E0E0"
	Cursor="Pointer" ItemSpacing="0" ItemPadding="5">
	<SelectedMenuItemStyle BackColor="#FFC080"></SelectedMenuItemStyle>
</cc1:Menu>

Code-Behind Code:


											
private void Page_Load(object sender, System.EventArgs e)
{
	Menu1.DataSource = Server.MapPath("SimpleXML.xml");
	Menu1.DataBind();
}