I am so lost, someone please help with creating a form template

2 posts, 0 answers
  1. Dave
    Dave avatar
    11 posts
    Member since:
    Dec 2011

    Posted 06 Jul 2012 Link to this post

    I am trying to create a very very basic form template, that looks like below

    Employee Details

    Officer Information                      Department Information                  Status
    Label   Txt Box                            Label   Txt Box                                Label     Chx Box
    Label   Txt Box                            Label   Txt Box                                Label     Text Box
    Label   Txt Box                            Label   Txt Box 
    Label   Txt Box                            Label   Txt Box 
    Label   Txt Box                            Label   Txt Box 
    Label   Txt Box                            Label   Txt Box 


    Update    Cancel

    below is the code I got and it is all screwed up, I tried to use the edit template designer, but it didn't seem very fluid.

    any help would be greatly appreciated. I tried a bunch of stuff in here so alot of the junk can go away. I just want it to look neat and professional and not have any alignment issues.


    <EditFormSettings EditFormType="Template">
    <EditColumn FilterControlAltText="Filter EditCommandColumn column"
            UniqueName="EditCommandColumn1"></EditColumn>
        <FormTemplate>
        <table id="Table2" cellspacing="2" cellpadding="1" width="100%" border="0" rules="none"
                            style="border-collapse: collapse; background: white;">
                            <tr class="EditFormHeader">
                                <td style="font-size: small">
                                    <b>Employee Details</b>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <b>Officer Info:</b>
                                </td>
                            </tr>
                            
     
       <tr>
            <asp:Label ID="Label1" runat="server" Text="First Name:"></asp:Label>
            <asp:TextBox ID="TextBox1" runat="server" CssClass="txtbox" Text='<%# Bind("emp_Fname") %>'></asp:TextBox>
            <asp:Label ID="Label6" runat="server" Text="ID Num:"></asp:Label>
            <asp:TextBox ID="TextBox5" runat="server" CssClass="txtbox" Text='<%# Bind("emp_IdNum") %>'></asp:TextBox>
       </tr>
       <tr>    
            <asp:Label ID="Label3" runat="server" Text="Last Name:"></asp:Label>
            <asp:TextBox ID="TextBox2" runat="server" CssClass="txtbox" Text='<%# Bind("emp_Lname") %>'></asp:TextBox>
            <asp:Label ID="Label8" runat="server" Text="Classification"></asp:Label>
            <asp:TextBox ID="TextBox7" runat="server" CssClass="txtbox" Text='<%# Bind("emp_class") %>'></asp:TextBox>
       </tr>
           </table>
          <tr>
          <td>
            <asp:Label ID="Label4" runat="server" Text="Race:"></asp:Label>
            <asp:TextBox ID="TextBox3" runat="server" Height="21px"
                style="margin-left: 51px" Text='<%# Bind("emp_Race") %>'></asp:TextBox>
            </td>
          </tr>
          <tr>
          <td>
            <asp:Label ID="Label5" runat="server" Text="Sex"></asp:Label>
              :<asp:TextBox ID="TextBox4" runat="server" Height="21px"
                style="margin-left: 62px" Text='<%# Bind("emp_Sex") %>'></asp:TextBox>
    </td>
          </tr>
          <tr>
          <td>
              <asp:Label ID="Label7" runat="server" Text="DOB:"></asp:Label>
              <asp:TextBox ID="TextBox6" runat="server" Height="21px"
                  style="margin-left: 56px" Text='<%# Bind("emp_DOB") %>'></asp:TextBox>
    </td>
          </tr>
          <tr>
          <td>
               </td>
          </tr>
          <tr>
          <td>
            <asp:Label ID="Label9" runat="server" Text="Email Address"></asp:Label>
            <asp:TextBox ID="TextBox8" runat="server" Height="21px"
                style="margin-left: 18px" Text='<%# Bind("emp_Email") %>'></asp:TextBox>
            <asp:Label ID="Label10" runat="server" Text="Street Address"></asp:Label>
            <asp:TextBox ID="TextBox9" runat="server" Height="21px"
                style="margin-left: 18px" Text='<%# Bind("emp_StreetAdd") %>'></asp:TextBox>
            <asp:Label ID="Label11" runat="server" Text="City"></asp:Label>
            <asp:TextBox ID="TextBox10" runat="server" Height="21px"
                style="margin-left: 18px" Text='<%# Bind("emp_City") %>'></asp:TextBox>
            <asp:Label ID="Label12" runat="server" Text="Zip"></asp:Label>
            <asp:TextBox ID="TextBox11" runat="server" Height="21px"
                style="margin-left: 18px" Text='<%# Bind("emp_Zip") %>'></asp:TextBox>
            <asp:Label ID="Label13" runat="server" Text="Hire Date"></asp:Label>
            <asp:TextBox ID="TextBox12" runat="server" Height="21px"
                style="margin-left: 18px" Text='<%# Bind("emp_HireDate") %>'></asp:TextBox>
            <asp:Label ID="Label14" runat="server" Text="Class Date"></asp:Label>
            <asp:TextBox ID="TextBox13" runat="server" Height="21px"
                style="margin-left: 18px" Text='<%# Bind("emp_classDate") %>'></asp:TextBox>
            <asp:Label ID="Label15" runat="server" Text="Grant Position"></asp:Label>
            <asp:TextBox ID="TextBox14" runat="server" Height="21px"
                style="margin-left: 18px" Text='<%# Bind("emp_GrantPost") %>'></asp:TextBox>
             <asp:Label ID="Label17" runat="server" Text="Inactive"></asp:Label>   
             <asp:CheckBox ID="CheckBox1" runat="server"
                            Checked='<%# Bind("emp_Inactive") %>' />
            <asp:Label ID="Label16" runat="server" Text="Reason Inactive"></asp:Label>
            <asp:TextBox ID="TextBox15" runat="server" Height="21px"
                style="margin-left: 18px" Text='<%# Bind("emp_ReasonInactive") %>'></asp:TextBox>
             
                <tr>
                                <td align="right">
                                    <asp:Button ID="btnUpdate" Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>'
                                        runat="server" CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'>
                                    </asp:Button
    <asp:Button ID="btnCancel" Text="Cancel" runat="server" CausesValidation="False"
    CommandName="Cancel"></asp:Button>
                                </td>
                            </tr>
             
            
             
        </FormTemplate>
    </EditFormSettings>



  2. Dave
    Dave avatar
    11 posts
    Member since:
    Dec 2011

    Posted 06 Jul 2012 Link to this post

    I solved this !!!! yeah!
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top