asp.net - How to change Panel horizontal align programmatically

Change Panel horizontal alignment programmatically
The Panel represents a control that acts as a container for other controls. The Panel is especially useful when the asp.net developers want to generate controls programmatically, hide and show a group of controls, or localize a group of controls. The Panel’s Direction property is used to display text in the Arabic language.

The following asp.net c# tutorial code demonstrates how we can change the horizontal alignment of a Panel web server control. Here we change the Panel’s horizontal alignment to center and right programmatically. In the below code example, we used the Panel control’s HorizontalAlign property to change its horizontal alignment programmatically.

The Label HorizontalAlign property gets or sets the horizontal alignment of the contents within the panel. The HorizontalAlign property value is one of the HorizontalAlign values. The default value of this property is NotSet.

The HorizontalAlign enumerator value specifies the horizontal alignment of items within a container. Its Center value ensures the contents of a container are centered. And the Right value ensures the contents of a container are right justified.

The Label HorizontalAlign property throws ArgumentOutOfRangeException if the horizontal alignment is not one of the HorizontalAlign values. So finally, here we used the Panel’s HorizontalAlign value to HorizontalAlign.Right to set its horizontal alignment to right and HorizontalAlign.Center to set its horizontal alignment to the center.
PanelHorizontalAlign.aspx

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

<!DOCTYPE html>

<script runat="server">
    protected void Button1_Click(object sender, System.EventArgs e)
    {
        Panel1.HorizontalAlign = HorizontalAlign.Right;

    }
    protected void Button2_Click(object sender, System.EventArgs e)
    {
        Panel1.HorizontalAlign = HorizontalAlign.Center;
    }
</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>How to set, change Panel horizontal align programmatically</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2 style="color:Navy; font-style:italic;">Panel Example: HorizontalAlign</h2>
        <asp:Panel 
             ID="Panel1"
             runat="server"
             Height="150"
             Width="400"
             BorderWidth="2"
             Font-Size="X-Large"
             Font-Bold="true"
             ForeColor="Olive"
             BackColor="Beige"
             BorderColor="DarkOliveGreen"
             >
             <br />
             HorizontalAlign
        </asp:Panel>
        <br /><br />
        <asp:Button 
             ID="Button1" 
             runat="server"
             ForeColor="SeaGreen"
             Text="Panel HorizontalAlign Right"
             Height="45"
             OnClick="Button1_Click"
             Font-Bold="true"
             />
        <asp:Button 
             ID="Button2" 
             runat="server"
             ForeColor="SeaGreen"
             Text="Panel HorizontalAlign Center"
             Height="45"
             OnClick="Button2_Click"
             Font-Bold="true"
             />
    </div>
    </form>
</body>
</html>








Related asp.net example