6
Answers

How to devide aspx page on 2 parts in asp.net

Anjali Khan

Anjali Khan
7y
174
1
 
Hi Frnds
this is my aspx page
this control showing parlally.i want this page devide on 2 parts like
1 Delivery mode - left side
2 Letter type -right side
3 User Type left side
4 from whom left side
again repeat all control same type like 5 left 6 right
how to do this on this page
 
 
<div class="row">
<div class="form_add_new" id="trDeliveryMode" runat="server">
<div class="row form-group">
<label class="col-md-2 col-xs-12" for="<%=ddlDeliveryMode.ClientID %>">
Delivery Mode<span class="redtext">* </span>
</label>
<div class="col-md-6 col-xs-12">
<asp:DropDownList ID="ddlDeliveryMode" CssClass="form-control" runat="server" AutoPostBack="true">
</asp:DropDownList>
</div>
</div>
</div>
<div class="form_add_new" id="Div7" runat="server">
<div class="row form-group">
<label class="col-md-2 col-xs-12" for="<%=TxtUserType.ClientID %>">
User Type<span class="redtext">* </span>:
</label>
<div class="col-md-6 col-xs-12">
<asp:TextBox ID="TxtUserType" runat="server" CssClass="form-control"></asp:TextBox>
</div>
</div>
</div>
<div class="form_add_new" id="trLtrType" runat="server">
<div class="row form-group">
<label class="col-md-2 col-xs-12" for="<%=ddlLetterType.ClientID %>">
Letter Type<span class="redtext">* </span>
</label>
<div class="col-md-6 col-xs-12">
<asp:DropDownList ID="ddlLetterType" CssClass="form-control" runat="server" AutoPostBack="true">
</asp:DropDownList>
</div>
</div>
</div>
<div class="form_add_new">
<div class="row form-group">
<label class="col-md-2 col-xs-12" for="<%=ddlFromWhom.ClientID %>">
From Whom<span class="redtext">* </span>:</label>
<div class="col-md-6 col-xs-12">
<asp:DropDownList ID="ddlFromWhom" CssClass="form-control" runat="server" AutoPostBack="True"
CausesValidation="false">
</asp:DropDownList>
</div>
</div>
</div>
 
Answers (6)
0
ketan hirapara

ketan hirapara

NA 360 383 7y
try this,
  1. <div class="row">  
  2.     <div class="form_add_new" id="trDeliveryMode" runat="server">  
  3.         <div class="row form-group">  
  4.             <div class="col-md-2 col-xs-4">  
  5.                 <label for="<%=ddlDeliveryMode.ClientID %>">  
  6.                 Delivery Mode<span class="redtext">* </span>  
  7.                 </label>  
  8.             </div>  
  9.             <div class="col-md-4 col-xs-8">  
  10.                 <asp:DropDownList ID="ddlDeliveryMode" CssClass="form-control" runat="server" AutoPostBack="true">  
  11.                 </asp:DropDownList>  
  12.             </div>  
  13.           
  14.             <div class="col-md-2 col-xs-4">  
  15.                 <label for="<%=TxtUserType.ClientID %>">  
  16.                 User Type<span class="redtext">* </span>:  
  17.                 </label>  
  18.             </div>  
  19.             <div class="col-md-4 col-xs-8">  
  20.                 <asp:TextBox ID="TxtUserType" runat="server" CssClass="form-control"></asp:TextBox>  
  21.             </div>  
  22.         </div>  
  23.     </div>  
  24.     <div class="form_add_new" id="trLtrType" runat="server">  
  25.         <div class="row form-group">  
  26.             <div class="col-md-2 col-xs-4">  
  27.                 <label for="<%=ddlLetterType.ClientID %>">  
  28.                 Letter Type<span class="redtext">* </span>  
  29.                 </label>  
  30.             </div>  
  31.             <div class="col-md-4 col-xs-8">  
  32.                 <asp:DropDownList ID="ddlLetterType" CssClass="form-control" runat="server" AutoPostBack="true">  
  33.                 </asp:DropDownList>  
  34.             </div>  
  35.             <div class="col-md-2 col-xs-4">     
  36.                 <label for="<%=ddlFromWhom.ClientID %>">  
  37.                 From Whom<span class="redtext">* </span>:</label>  
  38.             <div>  
  39.             <div class="col-md-4 col-xs-8">  
  40.                 <asp:DropDownList ID="ddlFromWhom" CssClass="form-control" runat="server" AutoPostBack="True"  
  41.                 CausesValidation="false">  
  42.                 </asp:DropDownList>  
  43.             </div>  
  44.         </div>  
  45.     </div>  
  46. </div>  
 
0
Anjali Khan

Anjali Khan

NA 738 42.1k 7y
Hi Ketan
thanks for the update .
these code is came like on one - by one .i want like the below
Name ----------------- Country--------------------
----------------- --------------------
City _________________ Address __________________
__________________ ____________________
0
ketan hirapara

ketan hirapara

NA 360 383 7y
Try this,
 
  1. <div class="row">  
  2.     <div class="form_add_new" id="trDeliveryMode" runat="server">  
  3.         <div class="row form-group">  
  4.             <div class="col-md-2 col-xs-4">  
  5.                 <label for="<%=ddlDeliveryMode.ClientID %>">  
  6.                 Delivery Mode<span class="redtext">* </span>  
  7.                 </label>  
  8.             </div>  
  9.             <div class="col-md-4 col-xs-8">  
  10.                 <asp:DropDownList ID="ddlDeliveryMode" CssClass="form-control" runat="server" AutoPostBack="true">  
  11.                 </asp:DropDownList>  
  12.             </div>  
  13.         </div>  
  14.     </div>  
  15.     <div class="form_add_new" id="Div7" runat="server">  
  16.         <div class="row form-group">  
  17.             <div class="col-md-2 col-xs-4">  
  18.                 <label for="<%=TxtUserType.ClientID %>">  
  19.                 User Type<span class="redtext">* </span>:  
  20.                 </label>  
  21.             </div>  
  22.             <div class="col-md-4 col-xs-8">  
  23.                 <asp:TextBox ID="TxtUserType" runat="server" CssClass="form-control"></asp:TextBox>  
  24.             </div>  
  25.         </div>  
  26.     </div>  
  27.     <div class="form_add_new" id="trLtrType" runat="server">  
  28.         <div class="row form-group">  
  29.             <div class="col-md-2 col-xs-4">  
  30.                 <label for="<%=ddlLetterType.ClientID %>">  
  31.                 Letter Type<span class="redtext">* </span>  
  32.                 </label>  
  33.             </div>  
  34.             <div class="col-md-4 col-xs-8">  
  35.                 <asp:DropDownList ID="ddlLetterType" CssClass="form-control" runat="server" AutoPostBack="true">  
  36.                 </asp:DropDownList>  
  37.             </div>  
  38.         </div>  
  39.     </div>  
  40.     <div class="form_add_new">  
  41.         <div class="row form-group">  
  42.             <div class="col-md-2 col-xs-4">     
  43.                 <label for="<%=ddlFromWhom.ClientID %>">  
  44.                 From Whom<span class="redtext">* </span>:</label>  
  45.             <div>  
  46.             <div class="col-md-4 col-xs-8">  
  47.                 <asp:DropDownList ID="ddlFromWhom" CssClass="form-control" runat="server" AutoPostBack="True"  
  48.                 CausesValidation="false">  
  49.                 </asp:DropDownList>  
  50.             </div>  
  51.         </div>  
  52.     </div>  
  53. </div>  
 
0
Anjali Khan

Anjali Khan

NA 738 42.1k 7y
Hi Altaf
 
with this page i used master page. but how to split this page in 2 parts 
0
Ankit Sharma

Ankit Sharma

NA 8.8k 140.9k 7y
Hi Anjali,
 
You can use html table for alignment of controls as you have mentioned. See a sample below. 
  1. <table>  
  2.             <tr>  
  3.                 <td>  
  4.                     <label class="col-md-2 col-xs-12" for="<%=ddlDeliveryMode.ClientID %>">  
  5.                         Delivery Mode<span class="redtext">* </span>  
  6.                     </label>  
  7.                     <div class="col-md-6 col-xs-12">  
  8.                         <asp:DropDownList ID="ddlDeliveryMode" CssClass="form-control" runat="server" AutoPostBack="true">  
  9.                         </asp:DropDownList>  
  10.                     </div>  
  11.                 </td>  
  12.                 <td>  
  13.                     <label class="col-md-2 col-xs-12" for="<%=ddlLetterType.ClientID %>">  
  14.                         Letter Type<span class="redtext">* </span>  
  15.                     </label>  
  16.                     <div class="col-md-6 col-xs-12">  
  17.                         <asp:DropDownList ID="ddlLetterType" CssClass="form-control" runat="server" AutoPostBack="true">  
  18.                         </asp:DropDownList>  
  19.                     </div>  
  20.                 </td>  
  21.   
  22.             </tr>  
  23.             <tr>  
  24.                 <td>  
  25.                     <label class="col-md-2 col-xs-12" for="<%=TxtUserType.ClientID %>">  
  26.                         User Type<span class="redtext">* </span>:  
  27.                     </label>  
  28.                     <div class="col-md-6 col-xs-12">  
  29.                         <asp:TextBox ID="TxtUserType" runat="server" CssClass="form-control"></asp:TextBox>  
  30.                     </div>  
  31.                 </td>  
  32.                 <td>  
  33.                     <label class="col-md-2 col-xs-12" for="<%=ddlLetterType.ClientID %>">  
  34.                         Letter Type<span class="redtext">* </span>  
  35.                     </label>  
  36.                     <div class="col-md-6 col-xs-12">  
  37.                         <asp:DropDownList ID="DropDownList3" CssClass="form-control" runat="server" AutoPostBack="true">  
  38.                         </asp:DropDownList>  
  39.                     </div>  
  40.                 </td>  
  41.             </tr>  
  42.   
  43.         </table>  
 Please try and let me know if it works for you.
0
Altaf Ansari

Altaf Ansari

NA 1.4k 27.4k 7y
You Can Use Master Page..
Next Recommended Forum