Page

How to show, hide, visible Panel programmatically in asp.net c#

<%@ 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)  
    {  
        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>  

No comments:

Post a Comment