asp.net - How to show and hide a Panel programmatically

Show (visible) and hide Panel programmatically
Panel is an asp.net web server control that act as a container control for other asp.net controls and html elements. Panel inside controls act as a group of controls. so we can apply common properties of panel's inside controls by setting the panel's properties such as show or hide all controls, align and direction of controls etc.

Panel Visible property accept a Boolean value. if we set the Panel Visible property value to false then it hide all inside controls from web page with panel itself. Panel Visible property value True means panel and its inside controls will render in web pages and all elements are visible for visitors.

we can control the Panel and its inside controls visibility using Panel's Visible property. Visible property value True and False works as a switch to rendering or not rendering the Panel in web page. Panel act as a parent control and inside control as child controls.

the following asp.net c# example code demonstrate us how can we show or hide panel server control programmatically in a web page.
PanelVisible.aspx

<%@ Page Language="C#" %>

<!DOCTYPE html>

<script runat="server">
    protected void Button1_Click(object sender, System.EventArgs e)
    {
        Panel1.Visible = false;
        Label1.Text = "Panel now hide";

    }
    protected void Button2_Click(object sender, System.EventArgs e)
    {
        Panel1.Visible = true;
        Label1.Text = "Panel now visible";
    }
</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>How to show, hide, visible Panel programmatically</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2 style="color:Navy; font-style:italic;">Panel Example: Show Hide</h2>
        <asp:Label 
             ID="Label1"
             runat="server"
             ForeColor="SeaGreen"
             Font-Size="Large"
             Font-Bold="true"
             Font-Italic="true"
             >
        </asp:Label>
        <br /><br />
        <asp:Panel 
             ID="Panel1"
             runat="server"
             Height="150"
             Width="350"
             HorizontalAlign="Center"
             ForeColor="Snow"
             BackColor="DeepPink"
             Font-Size="X-Large"
             >
             <br /><br />
             Panel Visible property
        </asp:Panel>
        <br /><br />
        <asp:Button 
             ID="Button1" 
             runat="server"
             ForeColor="DarkMagenta"
             Text="Hide Panel"
             Height="45"
             OnClick="Button1_Click"
             Font-Bold="true"
             />
        <asp:Button 
             ID="Button2" 
             runat="server"
             ForeColor="DarkMagenta"
             Text="Visible Panel"
             Height="45"
             OnClick="Button2_Click"
             Font-Bold="true"
             />
    </div>
    </form>
</body>
</html>
More asp.net examples