asp.net - How to change a Panel style programmatically

Set or change Panel style programmatically
Panel is an asp.net web server control which act as a container control of other controls and html elements. panel server control's have many built in properties to change its look and feel programmatically at run time.

panel Height and Width properties allow us to change its height and width. panel's BorderStyle, BorderColor and BorderWidth property grant us to change its border style, color and width. panel Font property have many sub properties that allow us to set fonts style such as bold text, italic or underline text, font name and size etc. HorizontalAlign property help us to horizontally align panel contents at run time.

the following asp.net c# example code demonstrate us how can we set or change panel style dynamically at run time in an asp.net application.
PanelStyle.aspx
<%@ Page Language="C#" %>
<%@ Import Namespace="System.Drawing" %>

<!DOCTYPE html>

<script runat="server">
    protected void Button1_Click(object sender, System.EventArgs e)
    {
        Panel1.ForeColor = Color.DeepPink;
        Panel1.BackColor = Color.AliceBlue;
        Panel1.BorderWidth = 2;
        Panel1.BorderColor = Color.SkyBlue;
        Panel1.Font.Size = FontUnit.Large;
        Panel1.Font.Name = "Comic Sans MS";
        Panel1.HorizontalAlign = HorizontalAlign.Center;
    }
</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>How to set, change Panel style programmatically</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2 style="color:Navy; font-style:italic;">Panel Example: Change Style</h2>
        <asp:Panel 
             ID="Panel1"
             runat="server"
             Height="150"
             Width="350"
             >
             <br />
             Change Panel Style
        </asp:Panel>
        <br /><br />
        <asp:Button 
             ID="Button1" 
             runat="server"
             ForeColor="OrangeRed"
             Text="Change Panel Style"
             Height="45"
             OnClick="Button1_Click"
             Font-Bold="true"
             />
    </div>
    </form>
</body>
</html>






Related asp.net examples