How to Add More Tabs in Fancy Sliding Form with jQuery plugin?

Question

0.00/5 (No votes)

See more:

I'm asp.net c# Developer I'm not very good in Jquery AND CSS code.
I'm making a site in Asp.net ,I want to use Jquery pluging form sliding .I follow this link ..
http://tympanus.net/Tutorials/FancySlidingForm/[^]

As you can see in this plugin there is only 5 tabs .this working good .
My question : I want to Add more tabs (15 tabs with diferent slid form )
Please Give me Trick .I did try to add tabs but i can't see form under those tabs.
I don't know if i need change in Jquery files or CSS etc.Kidnly give me solution

Thanks you.

My Cod here

XML

<div id="wrapper">
            <div class="form-header">
                <div class="header_left_img">
                    <img src="../images/add_requirement.png" />
                </div>
                Patient Profile
            </div>
            <div id="navigation">
                <ul>
                    <li class="selected">
                    <a href="#" id="ref">Referrals</a> </li>
                    <li><a href="#" id="ci">Flags</a> </li>
                    <li><a href="#" id="pd">Next Of Kin</a></li>
                    <li><a href="#" id="pi">Alerts & Directives</a> </li>
                    <li><a href="#" id="si">Record Releases</a> </li>
                    <li><a href="#" id="em">Employer</a> </li>
                    <li><a href="#" id="pid">Patient ID</a> </li>

                </ul>
            </div>
            <asp:Label ID="AlertLbl" CssClass="AlertLabel" runat="server"></asp:Label>
            <asp:Label ID="Lb" runat="server" Visible="false"></asp:Label>
            <div id="steps">
                <form id="formElem" name="formElem" action="" method="post"  runat="server">
                <asp:ScriptManager ID="ScriptManager1" runat="server">
                </asp:ScriptManager>

                <fieldset class="step">
                <asp:UpdatePanel ID="UpdatePanel3" runat="server">
                            <ContentTemplate>
                        <legend>Referrals</legend>
                    <p>
                        <label>Name *</label>
                        <asp:TextBox ID="TextBox10" CssClass="number"  runat="server"></asp:TextBox>
                         <asp:TextBox ID="TextBox11" CssClass="number" runat="server"></asp:TextBox>
                    </p>
                    <p>
                    <label>
                           DOB</label>
                         <asp:TextBox ID="TextBox12"  runat="server"></asp:TextBox>
                    </p>
                    <p>  <label>
                           SSN</label>
                        <asp:TextBox ID="TextBox13" onkeypress="CheckNumeric(event);"   runat="server"></asp:TextBox></p>
                    <p >
                        <label>
                           MR No
                        </label>
                        <asp:TextBox  onkeypress="CheckNumeric(event);"   ID="txtREFmrno"
                            runat="server"></asp:TextBox>
                        <asp:HiddenField ID="hfREFmrno" runat="server" />
                    </p>
            <div class="line"></div>
                          <p>
            <label>Refer</label>
                            <asp:RadioButtonList ID="rdREFrefer" CssClass="radio_button form-gender" RepeatDirection="Horizontal"
                                runat="server">
                                <asp:ListItem>From</asp:ListItem>
                                <asp:ListItem>To</asp:ListItem>
                            </asp:RadioButtonList>
            </p>
                          <p>
             <label>Name *</label>
                        <asp:TextBox ID="txtREFName" runat="server"></asp:TextBox>
                        <asp:HiddenField ID="hfREFsrno" runat="server" />
            </p>
                          <p>
             <label>Start Date</label>
                        <asp:TextBox ID="txtREFSDate" runat="server"></asp:TextBox>
            </p>
                          <p>
             <label>End Date</label>
                        <asp:TextBox ID="txtREFEDate" runat="server"></asp:TextBox>
            </p>
                          <p>
              <label>Comments</label>
              <asp:TextBox  ID="txtREFComents" runat="server" ></asp:TextBox>
            </p>
                          <p class="btnmargin" style="padding-bottom:50px">
                            <label>
                                &nbsp;</label>

                                <asp:Button ID="REFbtnAdd"  runat="server" Text="Add"
                                  onclick="REFbtnAdd_Click"/>

                              <asp:Button ID="REFbtnSave" runat="server" Text="Save"
                                  onclick="REFbtnSave_Click"/>
                            <asp:Button ID="REFbtnUpdate" runat="server" Text="Update"
                                    onclick="REFbtnUpdate_Click"/>
                            <asp:Button ID="REFbtnDelete" runat="server" Text="Delete"
                                    onclick="REFbtnDelete_Click"/>
                        </p>

                          <p class="btnmargdin" style="display:none">
                            <label>
                                &nbsp;</label>
                           <%--<asp:Button ID="Button13" runat="server" Text="View" />

                           <asp:UpdatePanel ID="UpdatePanel2" runat="server">
                                <ContentTemplate>
                                    <asp:Button ID="Button2" runat="server" Text="Save"

/>
                                </ContentTemplate>
                            </asp:UpdatePanel>--%>
                             <asp:Button ID="BtnView1" runat="server" Text="Update" />
                            <asp:Button ID="Button3" runat="server" CssClass="next"

Text="Next" />
                        </p>
                         <div class="grid">
                      <asp:GridView ID="GridViewREFerel" runat="server" GridLines="None"
                      CssClass="mgrid" AutoGenerateSelectButton="true" EmptyDataText=" table is empty."
                                 onrowdatabound="GridViewREFerel_RowDataBound"
                                 onselectedindexchanging="GridViewREFerel_SelectedIndexChanging">
                         <AlternatingRowStyle CssClass="AlternatingRowStyle" />
                         <SelectedRowStyle CssClass="rowslect" />
                        <HeaderStyle CssClass="GridViewHeaderStyle" />
                        <RowStyle CssClass="row" />
                        <FooterStyle CssClass="foter" />
                    </asp:GridView>
                      </div>
                          </ContentTemplate>
                        </asp:UpdatePanel>
                </fieldset>

                <fieldset class="step">
                 <asp:UpdatePanel ID="UpdatePanel6" runat="server">
                            <ContentTemplate>
                    <legend>Flags</legend>
                     <p>
                        <label>Name *</label>
                        <asp:TextBox ID="TextBox15" CssClass="number"  runat="server"></asp:TextBox>
                         <asp:TextBox ID="TextBox16" CssClass="number" runat="server"></asp:TextBox>
                    </p>
                     <p>
                    <label>
                           DOB</label>
                         <asp:TextBox ID="TextBox17"  runat="server"></asp:TextBox>
                    </p>
                     <p>  <label>
                           SSN</label>
                        <asp:TextBox ID="TextBox18" onkeypress="CheckNumeric(event);"   runat="server"></asp:TextBox></p>
                     <p >
                        <label>
                           MR No
                        </label>
                        <asp:TextBox  onkeypress="CheckNumeric(event);"   ID="txtflagmrNO" runat="server"></asp:TextBox>
                        <asp:HiddenField ID="hfFlagmrNO" runat="server" />
                    </p>
            <div class="line"></div>
                         <p>
             <label>Date</label>
                        <asp:TextBox ID="txtFlagDate" runat="server"></asp:TextBox>
            </p>
                         <p >
               <label>
               Flag Text
                        </label>

                         <asp:DropDownList  ID="ddlFlagtext" CssClass="DropDownSlide"   runat="server">

                            </asp:DropDownList>
                            </p>
                         <p>
             <label>Others</label>
                        <asp:TextBox ID="txtFlagother" runat="server"></asp:TextBox>
                        <asp:HiddenField ID="hfFlagSrno" runat="server" />
            </p>
                         <p>
              <label>Comments</label>
              <asp:TextBox  ID="txtFlagComments" runat="server" ></asp:TextBox>
            </p>
                         <p class="btnmargin" style="padding-bottom:50px">
                            <label>
                                &nbsp;</label>

                                <asp:Button ID="flagbtnAdd"  runat="server" Text="Add"
                                 onclick="flagbtnAdd_Click"/>

                              <asp:Button ID="flagbtnSave" runat="server" Text="Save"
                                 onclick="flagbtnSave_Click" />
                            <asp:Button ID="flagbtnUpdate" runat="server" Text="Update" onclick="flagbtnUpdate_Click"
                                    />
                            <asp:Button ID="flagbtnDelete" runat="server" Text="Delete" onclick="flagbtnDelete_Click"
                                   />
                        </p>


                        <div class="grid">
                      <asp:GridView ID="GridViewFlag" runat="server" GridLines="None"
                      CssClass="mgrid" AutoGenerateSelectButton="true" EmptyDataText=" table is empty."
                                onrowdatabound="GridViewFlag_RowDataBound"
                                onselectedindexchanging="GridViewFlag_SelectedIndexChanging">
                         <AlternatingRowStyle CssClass="AlternatingRowStyle" />
                         <SelectedRowStyle CssClass="rowslect" />
                        <HeaderStyle CssClass="GridViewHeaderStyle" />
                        <RowStyle CssClass="row" />
                        <FooterStyle CssClass="foter" />
                    </asp:GridView>
                      </div>
                   </ContentTemplate>
                        </asp:UpdatePanel>
                </fieldset>

                <fieldset class="step">
                <asp:UpdatePanel ID="UpdatePanel7" runat="server">
                            <ContentTemplate>
                    <legend>Next Of Kin</legend>
                    <p>
                        <label>Name *</label>
                        <asp:TextBox ID="TextBox20" CssClass="number"  runat="server"></asp:TextBox>
                         <asp:TextBox ID="TextBox21" CssClass="number" runat="server"></asp:TextBox>
                    </p>
                    <p>
                    <label>
                           DOB</label>
                         <asp:TextBox ID="TextBox22"  runat="server"></asp:TextBox>
                    </p>
                    <p>  <label>
                           SSN</label>
                        <asp:TextBox ID="TextBox23" onkeypress="CheckNumeric(event);"   runat="server"></asp:TextBox></p>
                    <p >
                        <label>
                           MR No
                        </label>
                        <asp:TextBox  onkeypress="CheckNumeric(event);"   ID="txtNOKmrno" runat="server"></asp:TextBox>
                        <asp:HiddenField ID="hfNOKmrno" runat="server" />
                    </p>
            <div class="line"></div>


                        <p>
             <label>Name</label>
                        <asp:TextBox ID="txtNOKname" runat="server"></asp:TextBox>
            </p>
                        <p>
             <label>Phone</label>
                        <asp:TextBox ID="txtNOKphone" runat="server"></asp:TextBox>
            </p>
                        <p>
             <label>Cell Phone</label>
                        <asp:TextBox ID="txtNOKCellphone" runat="server"></asp:TextBox>
                         <asp:HiddenField ID="hfNOKsrNo" runat="server" />
            </p>
                        <p>
             <label>Relationship To Patient</label>
                        <asp:TextBox ID="txtNOKrelationToPatient" runat="server"></asp:TextBox>
            </p>
                        <p>
            <label>Type</label>
                            <asp:RadioButtonList ID="rdNOKType" CssClass="radio_button form-gender" RepeatDirection="Horizontal"
                                runat="server">
                                <asp:ListItem>Primary</asp:ListItem>
                                <asp:ListItem>Secondary</asp:ListItem>
                            </asp:RadioButtonList>
            </p>

                        <p class="btnmargin" style="padding-bottom:50px">
                            <label>
                                &nbsp;</label>

                         <asp:Button ID="NOKbtnAdd"  runat="server" Text="Add" onclick="NOKbtnAdd_Click" />
                         <asp:Button ID="NOKbtnSave" runat="server" Text="Save" onclick="NOKbtnSave_Click"/>
                         <asp:Button ID="NOKbtnUpdate" runat="server" Text="Update"
                                onclick="NOKbtnUpdate_Click" />
                         <asp:Button ID="NOKbtnDelete" runat="server" Text="Delete"
                                onclick="NOKbtnDelete_Click" />
                        </p>

                        <div class="grid">
                      <asp:GridView ID="GridViewNOK" runat="server" GridLines="None"
                      CssClass="mgrid" AutoGenerateSelectButton="true" EmptyDataText=" table is empty."
                                onrowdatabound="GridViewNOK_RowDataBound"
                                onselectedindexchanging="GridViewNOK_SelectedIndexChanging">
                         <AlternatingRowStyle CssClass="AlternatingRowStyle" />
                         <SelectedRowStyle CssClass="rowslect" />
                        <HeaderStyle CssClass="GridViewHeaderStyle" />
                        <RowStyle CssClass="row" />
                        <FooterStyle CssClass="foter" />
                    </asp:GridView>
                      </div>
                        </ContentTemplate>
                        </asp:UpdatePanel>
                </fieldset>

                <fieldset class="step" id="abc">
                    <legend>Alerts & Directives</legend>
                     <asp:UpdatePanel ID="UpdatePanel2" runat="server">
                            <ContentTemplate>

                    <p>
                        <label>Name *</label>
                        <asp:TextBox ID="txtADFname" CssClass="number"  runat="server"></asp:TextBox>
                         <asp:TextBox ID="txtADLname" CssClass="number" runat="server"></asp:TextBox>
                    </p>
                    <p>
                    <label>
                           DOB</label>
                         <asp:TextBox ID="txtADdob"  runat="server"></asp:TextBox>
                    </p>
                    <p>  <label>
                           SSN</label>
                        <asp:TextBox ID="txtADssn" onkeypress="CheckNumeric(event);"   runat="server"></asp:TextBox></p>
                    <p >
                        <label>
                           MR No
                        </label>
                        <asp:TextBox  onkeypress="CheckNumeric(event);"   ID="txtADMrno" runat="server"></asp:TextBox>
                        <asp:HiddenField ID="hfmrNo" runat="server" />
                    </p>
            <div class="line"></div>

                            <p>
                            <label>
                          Date
                            </label>
                            <asp:TextBox  ID="txtADDAte" CssClass="datepicker"  runat="server" ></asp:TextBox>
                                <asp:HiddenField ID="HFAdSrno" runat="server" />
                             </p>
                            <p>
                            <label> Type</label>
                              <asp:DropDownList ID="DDLAdtype" CssClass="DropDownSlide" runat="server">
                                <asp:ListItem>Choose one</asp:ListItem>
                                <asp:ListItem>Alerts</asp:ListItem>
                                <asp:ListItem>Advance Directives</asp:ListItem>
                                <asp:ListItem>Other</asp:ListItem>
                            </asp:DropDownList>

                            </p>

                       <p>
                            <label> Name</label>
                             <asp:DropDownList ID="DDLAdName" CssClass="DropDownSlide" runat="server">
                                <asp:ListItem>Choose one</asp:ListItem>
                                <asp:ListItem>Allergy</asp:ListItem>
                                <asp:ListItem>Adverse Reaction</asp:ListItem>
                                 <asp:ListItem>Med Reaction</asp:ListItem>
                                <asp:ListItem>Other</asp:ListItem>
                                <asp:ListItem>Privacy</asp:ListItem>
                                 <asp:ListItem>Alert</asp:ListItem>
                            </asp:DropDownList>
                             </p>
                             <p>
                            <label> Details</label>
                            <asp:TextBox TextMode="MultiLine" ID="txtADdetails" runat="server" Columns="1" Rows="3"></asp:TextBox>

                             </p>
                            <p class="btnmargin" style="padding-bottom:50px">
                            <label>
                                &nbsp;</label>

                                <asp:Button ID="ADbtnAdd"  runat="server" Text="Add" onclick="ADbtnAdd_Click" />

                              <asp:Button ID="ADbtnSave" runat="server" Text="Save" onclick="ADbtnSave_Click"/>
                            <asp:Button ID="ADbtnUpdate" runat="server" Text="Update"
                                    onclick="ADbtnUpdate_Click"/>
                            <asp:Button ID="ADbtnDelete" runat="server" Text="Delete"
                                    onclick="ADbtnDelete_Click"/>
                        </p>

                      <div class="grid">
                      <asp:GridView ID="GridViewAD" runat="server" GridLines="None"
                      CssClass="mgrid" AutoGenerateSelectButton="true" EmptyDataText=" table is empty."
                              onrowdatabound="GridViewAD_RowDataBound"
                              onselectedindexchanging="GridViewAD_SelectedIndexChanging">
                         <AlternatingRowStyle CssClass="AlternatingRowStyle" />
                         <SelectedRowStyle CssClass="rowslect" />
                        <HeaderStyle CssClass="GridViewHeaderStyle" />
                        <RowStyle CssClass="row" />
                        <FooterStyle CssClass="foter" />
                    </asp:GridView>
                      </div>
                     </ContentTemplate>
                        </asp:UpdatePanel>

                </fieldset>

                <fieldset class="step">
                    <legend>Record Releases</legend>
                    <asp:UpdatePanel ID="UpdatePanel4" runat="server">
                            <ContentTemplate>

                    <p>
                        <label>Name *</label>
                        <asp:TextBox ID="txtRRFname" CssClass="number"  runat="server"></asp:TextBox>
                         <asp:TextBox ID="txtRRLname" CssClass="number" runat="server"></asp:TextBox>
                    </p>
                    <p>
                    <label>
                           DOB</label>
                         <asp:TextBox ID="txtRRdob"  runat="server"></asp:TextBox>
                    </p>
                    <p>  <label>
                           SSN</label>
                        <asp:TextBox ID="txtRRssn" onkeypress="CheckNumeric(event);"   runat="server"></asp:TextBox></p>
                    <p >
                        <label>
                           MR No
                        </label>
                        <asp:TextBox  onkeypress="CheckNumeric(event);"   ID="txtRRMrno" runat="server"></asp:TextBox>

                    </p>
            <div class="line"></div>
               <p >
                        <label>

                        </label>
                            </p>
                            <p>
                            <label>
                          Release To
                            </label>
                            <asp:TextBox  ID="txtRRreleaseTo" runat="server" ></asp:TextBox>
                                <asp:HiddenField ID="hfRRmrNO" runat="server" />
                            </p>
                            <p>
                            <label>Release Date</label>
                            <asp:TextBox  ID="txtRRrelaseDate" CssClass="datepicker" runat="server" ></asp:TextBox>
                            </p>
                       <p>
                            <label>Released By</label>
                            <asp:TextBox  ID="txtRRreleaseby" runat="server" ></asp:TextBox>
                           <asp:HiddenField ID="hfRRsrno" runat="server" />
                             </p>
                             <p>
                            <label> Comments</label>
                            <asp:TextBox  ID="txtRRcoments" runat="server" ></asp:TextBox>
                             </p>

                           <p class="btnmargin" style="padding-bottom:50px">
                           <label>
                                &nbsp;</label>

                           <asp:Button ID="RRbtnAdd"  runat="server" Text="Add" onclick="RRbtnAdd_Click"/>
                           <asp:Button ID="RRbtnSave" runat="server" Text="Save" onclick="RRbtnSave_Click"/>
                           <asp:Button ID="RRbtnUpdate" runat="server" Text="Update"
                                   onclick="RRbtnUpdate_Click"/>
                           <asp:Button ID="RRbtnDelete" runat="server" Text="Delete"
                                   onclick="RRbtnDelete_Click"/>
                        </p>

                      <div class="grid">
                      <asp:GridView ID="GridViewRR" runat="server" GridLines="None"
                      CssClass="mgrid" AutoGenerateSelectButton="true" EmptyDataText=" table is empty."
                              onrowdatabound="GridViewRR_RowDataBound"
                              onselectedindexchanging="GridViewRR_SelectedIndexChanging">
                         <AlternatingRowStyle CssClass="AlternatingRowStyle" />
                         <SelectedRowStyle CssClass="rowslect" />
                        <HeaderStyle CssClass="GridViewHeaderStyle" />
                        <RowStyle CssClass="row" />
                        <FooterStyle CssClass="foter" />
                    </asp:GridView>
                      </div>
                     </ContentTemplate>
                        </asp:UpdatePanel>


                </fieldset>

                <fieldset class="step">
               <asp:UpdatePanel ID="UpdatePanel5" runat="server">
                            <ContentTemplate>

                    <legend>Employer / School</legend>
                    <p>
                        <label>Name *</label>
                        <asp:TextBox ID="txtFname" CssClass="number"  runat="server"></asp:TextBox>
                         <asp:TextBox ID="txtLname" CssClass="number" runat="server"></asp:TextBox>
                    </p>
                    <p>
                    <label>
                           DOB</label>
                         <asp:TextBox ID="txtDOB"  runat="server"></asp:TextBox>
                    </p>
                    <p>  <label>
                           SSN</label>
                        <asp:TextBox ID="txtSSN" onkeypress="CheckNumeric(event);"   runat="server"></asp:TextBox></p>
                    <p >
                        <label>
                           MR No
                        </label>
                        <asp:TextBox  onkeypress="CheckNumeric(event);"   ID="txtMRno" runat="server"></asp:TextBox>

                    </p>
             <div class="line"></div>
                    <p >
                        <label>
                           Work Status
                        </label>

                         <asp:DropDownList ID="ddlWorkStatus" CssClass="DropDownSlide"  runat="server">
                                <asp:ListItem>Choose one</asp:ListItem>
                                <asp:ListItem>Part Time</asp:ListItem>
                                <asp:ListItem>Retired</asp:ListItem>
                                <asp:ListItem>Student</asp:ListItem>
                                <asp:ListItem>On Job</asp:ListItem>
                                <asp:ListItem>Business</asp:ListItem>
                            </asp:DropDownList>
                            </p>
                    <p>
                            <label>
                          Phone No
                            </label>
                            <asp:TextBox  ID="txtPhoneNo" runat="server" ></asp:TextBox>
                            </p>
                    <p>
                            <label> Name Of School</label>
                            <asp:TextBox  ID="txtNameOfEmp" runat="server" Width="410px"></asp:TextBox>
                            </p>
                    <p>
                            <label> Details</label>
                            <asp:TextBox TextMode="MultiLine" ID="txtDetails" runat="server" Columns="1" Rows="3"></asp:TextBox>
                            </p>
                    <p class="btnmargin">
                            <label>
                                &nbsp;</label>
                             <asp:Button ID="buttonSave"  runat="server" Text="Save"
                                    onclick="buttonSave_Click1"  />
                            <asp:Button ID="buttonUpdate" runat="server" Text="Update"
                                    onclick="buttonUpdate_Click1"  />
                        </p>

                   </ContentTemplate>
                   </asp:UpdatePanel>

                </fieldset>

                <fieldset class="step">
                    <legend>Patient ID</legend>
                    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                            <ContentTemplate>

                    <p>
                        <label>Name *</label>
                        <asp:TextBox ID="txtPfirstName" CssClass="number"  runat="server"></asp:TextBox>
                         <asp:TextBox ID="txtPLname" CssClass="number" runat="server"></asp:TextBox>
                    </p>
                    <p>
                    <label>
                           DOB</label>
                         <asp:TextBox ID="txtPDob"  runat="server"></asp:TextBox>
                    </p>
                    <p>  <label>
                           SSN</label>
                        <asp:TextBox ID="txtPssn" onkeypress="CheckNumeric(event);"   runat="server"></asp:TextBox></p>
                    <p >
                        <label>
                           MR No
                        </label>
                        <asp:TextBox  onkeypress="CheckNumeric(event);"   ID="txtPmrno" runat="server"></asp:TextBox>

                    </p>
            <div class="line"></div>
               <p >
                        <label>

                        </label>
                            </p>
                            <p>
                            <label>
                          ID Type
                            </label>
                            <asp:TextBox  ID="txtPidtype" runat="server" ></asp:TextBox>
                                <asp:HiddenField ID="PIDHFSrno" runat="server" />
                            </p>
                            <p>
                            <label> Name</label>
                            <asp:TextBox  ID="TxtPname" runat="server" ></asp:TextBox>
                            </p>
                       <p>
                            <label> ID Value</label>
                            <asp:TextBox  ID="txtPidValue" runat="server" ></asp:TextBox>
                           <asp:HiddenField ID="HfPIDMrNo" runat="server" />
                             </p>
                             <p>
                            <label> Expiry Date</label>
                            <asp:TextBox  ID="txtExpiryDate" CssClass="datepicker" runat="server" ></asp:TextBox>
                             </p>
                             <p style="display:none">
                            <label> Attached Files</label>

                        <asp:Image ID="Pimgul" runat="server"/>
                        <asp:FileUpload ID="FUl" runat="server" /> <br />
                        <asp:Button ID="btnPupload" runat="server" Text="Upload" />

                             </p>
                            <p class="btnmargin" style="padding-bottom:50px">
                            <label>
                                &nbsp;</label>

                                <asp:Button ID="PbtnAdd"  runat="server" Text="Add" onclick="PbtnAdd_Click"/>

                              <asp:Button ID="PbtnSave" runat="server" Text="Save" onclick="PbtnSave_Click"/>
                            <asp:Button ID="PbtnUpdate" runat="server" Text="Update"
                                    onclick="PbtnUpdate_Click"/>
                            <asp:Button ID="PbtnDelete" runat="server" Text="Delete"
                                    onclick="PbtnDelete_Click"/>
                        </p>

                      <div class="grid">
                      <asp:GridView ID="GridViewPatientID" runat="server" GridLines="None"
                      CssClass="mgrid" AutoGenerateSelectButton="true" EmptyDataText=" table is empty."
                        onselectedindexchanged="GridViewPatientID_SelectedIndexChanged"
                              onrowdatabound="GridViewPatientID_RowDataBound1"
                              onselectedindexchanging="GridViewPatientID_SelectedIndexChanging" >
                         <AlternatingRowStyle CssClass="AlternatingRowStyle" />
                         <SelectedRowStyle CssClass="rowslect" />
                        <HeaderStyle CssClass="GridViewHeaderStyle" />
                        <RowStyle CssClass="row" />
                        <FooterStyle CssClass="foter" />
                    </asp:GridView>
                      </div>
                     </ContentTemplate>
                        </asp:UpdatePanel>
                </fieldset>
                </form>
            </div>
        </div>

Posted 3-Oct-13 3:52am

Tariq Mehmood

Updated 8-Oct-13 21:04pm

v2

Add a Solution

Comments

saguptamca 3-Oct-13 10:00am

Ya you need to change jQuery file, as well as Css

[no name] 3-Oct-13 10:07am

Kindly tell me What part of code should i need change ,If you want i can you my CSS and JQuery code ..

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 3-Oct-13 11:06am

Don't you think you are re-posting?

[no name] 3-Oct-13 11:15am

yes :( . i thought before i could not explain well.. Actually i'm working on project which made by other person,so this reason i could not solve my issue ...

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 3-Oct-13 11:21am

No problem then. Please accept the answer in previous question. We need to close that.

[no name] 3-Oct-13 11:29am

Page index Changing event ?? Where is Page index event code ?

[no name] 3-Oct-13 11:31am

Are you talking about ASpx.cs files Code or .cs ?? there are two files of one page . adn is i need send complete code of file ??

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 3-Oct-13 13:34pm

Sorry I wrote that by mistake. Please ignore. I have already edited my comment.

[no name] 3-Oct-13 11:30am

This is ASp.net Files ,

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sergey Alexandrovich Kryukov · Answer 1 · 2013-10-03T18:41:00

Solution 1

I never tried it, but even I can see that there are <fieldset class="step"> under their parent element <code><form></form>. I'm pretty much sure that you can add or insert an extra element and add your own content to it. Besides, I can see then the attributes "id" and "name" are used. The attribute "id" should be unique on the page, and "name" should be unique in the form, if the form is really used for sending an HTTP request ("post", "get", etc.). I also can see that the values of "id" are not used anywhere else, which means that you won't need to add any binding for those freshly added elements. Try it, it should work. Or, at least, if it does not work, show some minimized code sample (which works) and the code sample after you added something (which doesn't).

All I had to do was to view the page source. And if you also read the documentation, not just samples, you would be able to get further detail.

—SA

Posted 3-Oct-13 18:41pm

Sergey Alexandrovich Kryukov

Comments

[no name] 7-Oct-13 0:09am

Thanks but i did like you said already ,but I'm unable to add more tabs,other tabs form elements show under the first tabs element ,just like when css not proper set etc .. i do'nt know how to fix its..

Sergey Alexandrovich Kryukov 7-Oct-13 0:13am

Does the original sample work? If so, everything is working and you are missing something...
—SA

[no name] 7-Oct-13 5:16am

yes Orignal sample work for me , but when i add more then its not work ..

[no name] 7-Oct-13 6:32am

<div id="wrapper">
<div id="navigation">
<ul>
<li class="selected">
Referrals </li>
<li>Flags </li>
<li>Next Of Kin</li>
<li>Patient ID </li>

<li>General Info </li>
</ul>
</div>
<div id="steps">
<form id="formElem" name="formElem" action="" method="post" runat="server">
<fieldset class="step"> Referrals
<p>
<label>Name *</label>
<asp:TextBox ID="TextBox10" CssClass="number" runat="server">
<asp:TextBox ID="TextBox11" CssClass="number" runat="server">
</p>
</fieldset>

<fieldset class="step"> Referrals
<p>
<label>Name *</label>
<asp:TextBox ID="TextBox10" CssClass="number" runat="server">
<asp:TextBox ID="TextBox11" CssClass="number" runat="server">
</p>
</fieldset>

<fieldset class="step"> Referrals
<p>
<label>Name *</label>
<asp:TextBox ID="TextBox10" CssClass="number" runat="server">
<asp:TextBox ID="TextBox11" CssClass="number" runat="server">
</p>
</fieldset>

[no name] 7-Oct-13 6:44am

in the same way i adding fieldset more and <li>General Info </li> more,but only first 7 tabs are working well , after 7 tabs other not show element under tabs :( .. tired to find out problem,,

Sergey Alexandrovich Kryukov 7-Oct-13 11:23am

It is apparent that you don't show HTML structure I can see in original code. And where is the "legend" element? I cannot understand if your code a single HTML fragment or few different ones, what is "referral". No, if you want, you should put your code sample in the question (using "Input question") and format properly. Moreover, show not the ASP.NET code (where is "ClientId"? are the IDs unique?), but already rendered HTML code, which you can get using the browser and its "View page code" feature. Probably you are close, only need more attention.
—SA

[no name] 9-Oct-13 3:06am

Hey ,I just Update my Question by putting Orignal Code of HTML , please check its
thanks