Page

ASP.NET - How to set, change Panel border width programmatically

<%@ 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.BorderWidth = 2;  
  
    }  
    protected void Button2_Click(object sender, System.EventArgs e)  
    {  
        Panel1.BorderWidth = 4;  
    }  
</script>  
  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head id="Head1" runat="server">  
    <title>How to set, change Panel border width programmatically</title>  
</head>  
<body>  
    <form id="form1" runat="server">  
    <div>  
        <h2 style="color:Navy; font-style:italic;">Panel Example: BorderWidth</h2>  
        <asp:Panel   
             ID="Panel1"  
             runat="server"  
             Height="150"  
             Width="350"  
             HorizontalAlign="Center"  
             ForeColor="LightGoldenrodYellow"  
             BackColor="Salmon"  
             BorderColor="IndianRed"  
             >  
             <br /><br />  
             <h2>Panel Border Width</h2>  
        </asp:Panel>  
        <br /><br />  
        <asp:Button   
             ID="Button1"   
             runat="server"  
             ForeColor="DarkBlue"  
             Text="Panel Border Width 2"  
             Height="45"  
             OnClick="Button1_Click"  
             Font-Bold="true"  
             />  
        <asp:Button   
             ID="Button2"   
             runat="server"  
             ForeColor="DarkBlue"  
             Text="Panel Border Width 4"  
             Height="45"  
             OnClick="Button2_Click"  
             Font-Bold="true"  
             />  
    </div>  
    </form>  
</body>  
</html> 

No comments:

Post a Comment