asp.net c# tutorials and examples code for web developers

How to show and hide Menu control in asp.net

Hide and visible Menu programmatically
Menu is an asp.net web server control. we can show or hide a menu control programmatically in an asp.net web page by setting its built in property value.

menu control's Visible property get or set a value that indicate whether menu control is rendered as UI on web page. this property value data type is System.Boolean. so this property only accept a 'true' or 'false' value. Visible property value 'true' indicate the menu control will display in web page and 'false' value indicate the menu will be hidden in web page. Visible property value 'false' means menu control is not rendered in web page.

the following asp.net c# example code demonstrate us how can we show or hide menu control dynamically at run time in an asp.net application.
MenuVisible.aspx
<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">
    protected void Button1_Click(object sender, System.EventArgs e)
    {
        Menu1.Visible = false;
        Label1.Text = "Menu now hide";
    }
    protected void Button2_Click(object sender, System.EventArgs e)
    {
        Menu1.Visible = true;
        Label1.Text = "Menu now visible";
    }
</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>How to show, hide, visible Menu programmatically</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2 style="color:Navy; font-style:italic;">Menu Example: Show Hide</h2>
        <asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server"/>
        <div style="height:175px">
            <asp:Label 
                 ID="Label1"
                 runat="server"
                 ForeColor="Tomato"
                 Font-Bold="true"
                 Font-Italic="true"
                 Font-Size="Large"
                 >
            </asp:Label>
            <br /><br />
            <asp:Menu 
                 ID="Menu1" 
                 runat="server" 
                 DataSourceID="SiteMapDataSource1"
                 Font-Bold="true"
                 ForeColor="SkyBlue"
                 BackColor="AliceBlue"
                 >
            </asp:Menu>
        </div>
        <asp:Button 
             ID="Button1" 
             runat="server"
             ForeColor="Violet"
             Text="Hide Menu"
             Height="45"
             OnClick="Button1_Click"
             Font-Bold="true"
             />
        <asp:Button 
             ID="Button2" 
             runat="server"
             ForeColor="Violet"
             Text="Show Menu"
             Height="45"
             OnClick="Button2_Click"
             Font-Bold="true"
             />
    </div>
    </form>
</body>
</html>
Web.sitemap
Web.sitemap source code here.

   








Related asp.net examples