Click to get Flash Player
Get Adobe Flash player

or try to enable JavaScript and reload the page

Friday 6 May 2011

ASP Menu Control with XML Data

<asp:Menu id="menu_mysite"
runat="server" CssClass="menu" Font-Names="Iskoola Pota"
Font-Bold="True" Font-Size="Large"
StaticDisplayLevels="2" StaticSubMenuIndent="0px"
DynamicMenuItemStyle-BorderWidth="1px"
DynamicMenuItemStyle-CssClass="menu"
DynamicHoverStyle-Font-Bold="true" DataSourceID="XmlDataSource1"
        MaximumDynamicDisplayLevels="6" Font-Underline="True" RenderingMode="Table"
            BorderStyle="None" Font-Italic="False" ForeColor="#282828"
        DynamicPopOutImageTextFormatString="3"   style="z-index: 1; left: 4px; top: 4px; position: absolute; height: 297px; width: 158px"
       onmenuitemclick="menu_mysite_MenuItemClick" BackColor="#ACFF91" >
<staticselectedstyle
CssClass="menu"/>
            <DataBindings>
                <asp:MenuItemBinding DataMember="Electronic" Text="Electronic"
                    NavigateUrl="~/Electronics.aspx" />
                <asp:MenuItemBinding DataMember="Home" Text="Homes" Value="Homes"
                    NavigateUrl="~/profile.aspx" />
                <asp:MenuItemBinding DataMember="LCDTV" NavigateUrl="~/LCD TV.aspx" />
            </DataBindings>
<DynamicHoverStyle Font-Bold="True"
                BorderStyle="None" CssClass="menu"></DynamicHoverStyle>
<DynamicMenuItemStyle HorizontalPadding="3px" BorderStyle="Solid" VerticalPadding="4px"
                BorderWidth="1px" BorderColor="Black" Font-Names="Iskoola Pota"
        ItemSpacing="2px"></DynamicMenuItemStyle>

 <DynamicMenuStyle
                HorizontalPadding="4px" VerticalPadding="5px"
        BackColor="#E4FFCA" />
            <DynamicSelectedStyle HorizontalPadding="4px" />
   <LevelMenuItemStyles>
                <asp:MenuItemStyle Font-Bold="True" Font-Underline="False"
                    HorizontalPadding="12px" ItemSpacing="12px" VerticalPadding="2px" />
            </LevelMenuItemStyles>
            <LevelSelectedStyles>
                <asp:MenuItemStyle Font-Strikeout="True" Font-Underline="False"
                    ForeColor="#FF66CC" HorizontalPadding="12px" ItemSpacing="25px"
                    VerticalPadding="12px" />
            </LevelSelectedStyles>
            <LevelSubMenuStyles>
                <asp:SubMenuStyle Font-Underline="False" VerticalPadding="1px" />
            </LevelSubMenuStyles>
<statichoverstyle      font-bold="True" />                                               
</asp:Menu>




// And that was my XML file for menu items...

Save it with XML4.xml name

<?xml version="1.0" encoding="utf-8" ?>
<Products>
  <Electronic>
    <Electronics>
          </Electronics>
    <LCDTV>
      </LCDTV>
    </Electronic>
  <Computer>
    <Gaming>
      </Gaming>
    <Multimedia>
      </Multimedia>
    <Peripherals>
      </Peripherals>
  </Computer>
  <Mobiles>
    <Accesories>
      </Accesories>
    <Mobiles>
      </Mobiles>
   <Camera>
       </Camera>
    <Camcoders>
      </Camcoders>
  </Mobiles>
  <Home>
    <Kitchen>
      </Kitchen>
    <LifeStyle>
      </LifeStyle>
  </Home>
  <Hardware>
    <Tools>
       </Tools>
    <Furniture>
      </Furniture>
  </Hardware>
  <Kitchens>
    <Microwave>
      </Microwave>
    <Juicer>
     
    </Juicer>
  </Kitchens>
  </Products>

// That is ur menu will look like

No comments:

Post a Comment

thnx