Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 
Node is saved as draft in My Content >> Draft
  • Panels in .NET

    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 50
    Comment on it

    Panels in .NET is used to place controls in it.

    We also use panels to create dynamic controls and place it inside a panel.

    <asp:Panel ID= "Panel1"  runat = "server">
    </asp:Panel>

    Everytime we use panel to place controls inside it and to make our web page look more attractive .

     

    Exampel to generating controls dynamically:
     

    <form id="form1" runat="server">
       <div>
          <asp:Panel ID="pnldynamic" runat="server" BorderColor="#990000" 
             BorderStyle="Solid" Borderstyle="width:1px" Height="150px"  ScrollBars="Auto" style="width:60%" BackColor="#CCCCFF"  Font-Names="Courier" HorizontalAlign="Center">
         
             This panel shows dynamic control generation:
             <br />
             <br />
          </asp:Panel>
       </div>
    
       <table style="width: 51%;">
          <tr>
             <td class="style2">No of Labels:</td>
             <td class="style1">
                <asp:DropDownList ID="ddllabels" runat="server">
                   <asp:ListItem>0</asp:ListItem>
                   <asp:ListItem>1</asp:ListItem>
                   <asp:ListItem>2</asp:ListItem>
                   <asp:ListItem>3</asp:ListItem>
                   <asp:ListItem>4</asp:ListItem>
                </asp:DropDownList>
             </td>
          </tr>
    
          <tr>
             <td class="style2"> </td>
             <td class="style1"> </td>
          </tr>
    
          <tr>
             <td class="style2">No of Text Boxes :</td>
             <td class="style1">
                <asp:DropDownList ID="ddltextbox" runat="server">
                   <asp:ListItem>0</asp:ListItem>
                   <asp:ListItem Value="1"></asp:ListItem>
                   <asp:ListItem>2</asp:ListItem>
                   <asp:ListItem>3</asp:ListItem>
                   <asp:ListItem Value="4"></asp:ListItem>
                </asp:DropDownList>
             </td>
          </tr>
    
          <tr>
             <td class="style2"> </td>
             <td class="style1"> </td>
          </tr>
    
          <tr>
             <td class="style2">
                <asp:CheckBox ID="chkvisible" runat="server" 
                   Text="Make the Panel Visible" />
             </td>
    
             <td class="style1">
                <asp:Button ID="btnrefresh" runat="server" Text="Refresh Panel" 
                   style="width:129px" />
             </td>
          </tr>
       </table>
    </form>

    The code behind should be as follows:

    public partial class _Default : System.Web.UI.Page
    {
       protected void Page_Load(object sender, EventArgs e)
       {
          //make the panel visible
          pnldynamic.Visible = chkvisible.Checked;
    
          //generating the lable controls:
          int n = Int32.Parse(ddllabels.SelectedItem.Value);
          for (int i = 1; i <= n; i++)
          {
             Label lbl = new Label();
             lbl.Text = "Label" + (i).ToString();
             pnldynamic.Controls.Add(lbl);
             pnldynamic.Controls.Add(new LiteralControl("<br />"));
          }
          
          //generating the text box controls:
    
          int m = Int32.Parse(ddltextbox.SelectedItem.Value);
          for (int i = 1; i <= m; i++)
          {
             TextBox txt = new TextBox();
             txt.Text = "Text Box" + (i).ToString();
             pnldynamic.Controls.Add(txt);
             pnldynamic.Controls.Add(new LiteralControl("<br />"));
          }
       }
    }
    .net

 0 Comment(s)

Sign In
                           OR                           
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: