hi i am using tabs to divide the data entry and make it easy
there are a total of 4 tabsHTML Code:<ul class="nav nav-tabs" role="tablist"> <li class="active" runat="server" id="TabMain"><a href="#MainPan" aria-controls="personal" role="tab" data-toggle="tab"> Pension Calculation</a></li> <li runat="server" id="TabNominee"><a href="#NomineePan" aria-controls="NomineePan" role="tab" data-toggle="tab">Nominee </a></li> <li runat="server" id="TabAddNominee"><a href="#PanAddNominee" aria-controls="PanAddNominee" role="tab" data-toggle="tab"> Additional Nominee </a></li> <li runat="server" id="TabFanily"><a href="#PanFamily" aria-controls="PanFamily" role="tab" data-toggle="tab">Family Members</a></li> </ul> <div role="tabpanel" class="tab-pane active" id="MainPan" style="background-color: #000000; color: #FFFFFF;"> <div class="row"> <div class="well bs-component"> <legend>Pension Order - Super Annuation </legend> <asp:Label ID="lblMsg" runat="server" Text=""></asp:Label> <div hidden> </asp:TextBox> <%--<asp:TextBox ID="txtDateOfNetQualifyingService" runat="server"></asp:TextBox>--%> <%--<asp:CalendarExtender ID="calQualifyingService" runat="server" TargetControlID="txtDateOfNetQualifyingService" Format="dd-MMMM-yyyy"></asp:CalendarExtender>--%> </div> <fieldset> <div class="col-md-4"> <div class="form-group"> <asp:Label ID="Label3" runat="server" Text="PPO No.:" class="control-label" for="txtPPONo"></asp:Label> <asp:TextBox ID="txtPPONo" runat="server" ReadOnly="True" ForeColor="#000066" BackColor="#FFFFCC" class="form-control"></asp:TextBox> </div> </div> <div class="col-md-4"> <div class="form-group"> <asp:Label ID="Label17" runat="server" Text="Order Date (Click Box To Show Calendar)" class="control-label"></asp:Label> <asp:TextBox ID="txtOrderDate" runat="server" ReadOnly="true" Font-Size="Large" Placeholder="Click to show calendar" class="form-control"></asp:TextBox> <asp:CalendarExtender ID="calOrderDate" PopupButtonID="txtOrderDate" runat="server" TargetControlID="txtOrderDate" Format="dd-MMMM-yyyy" CssClass="black"></asp:CalendarExtender> </div> </div> </fieldset> </div> </div> </div> <%--Nominee Details--%> <div role="tabpanel" class="tab-pane" id="NomineePan" style="background-color: #000000; color: #FFFFFF;" > <div class="row"> <div class="well bs-component"> <fieldset> <div class="well bs-component"> <div class="form-group"> <div id="DivRoot" align="left"> <div style="overflow: hidden;" id="DivHeaderRow"> </div> <div style="overflow: scroll;" onscroll="OnScrollDiv(this)" id="DivMainContent"> <h2> <asp:Label ID="Label11" runat="server" Text="Nomination Details" ForeColor="White" Font-Size="Larger"></asp:Label> </h2> <asp:GridView ID="dgMast" runat="server" DataKeyNames="AutoID" EnableViewState="true" EmptyDataText="No Records Found" CssClass="table table-striped table-hover table-condensed small-top-margin" AutoGenerateColumns="False"> <Columns> <asp:TemplateField> <ItemTemplate> <asp:ImageButton ID="imgbtnEdit" ImageUrl="~/images/Edit.jpg" runat="server" Width="25" Height="25" OnClick="imgbtnEdit_Click" /> </ItemTemplate> </asp:TemplateField> <asp:TemplateField> <ItemTemplate> <asp:ImageButton ID="imgbtnDelete" ImageUrl="~/images/Delete.jpg" runat="server" Width="25" Height="25" OnClick="imgbtnDelete_Click" /> </ItemTemplate> </asp:TemplateField> <asp:BoundField DataField="Name" HeaderText="Nominee Name" SortExpression="Name" /> <asp:BoundField DataField="Relation" HeaderText="Relation" SortExpression="Relation" /> <asp:BoundField DataField="DOB" HeaderText="Nominee Dt. Of Birth" SortExpression="DOB" /> <asp:BoundField DataField="NominationPercent" HeaderText="Nomination %age" SortExpression="NominationPercent" /> <asp:BoundField DataField="IsMinor" HeaderText="Is Nominee Minor" SortExpression="IsMinor" /> <asp:BoundField DataField="MaturityDate" HeaderText="Nominee Maturity Date" SortExpression="MaturityDate" /> <asp:BoundField DataField="GuardianName" HeaderText="Guardian Name" SortExpression="GuardianName" /> <asp:BoundField DataField="GuardianshipCertificateDate" HeaderText="Guardianship Certificate Date" SortExpression="GuardianshipCertificateDate" /> <asp:BoundField DataField="Remarks" HeaderText="Remarks" SortExpression="Remarks" /> <asp:BoundField DataField="myID" HeaderText="ID" SortExpression="myID" Visible="false" /> <asp:BoundField DataField="AutoID" HeaderText="Sr.No" SortExpression="AutoID" /> </Columns> <PagerStyle BorderStyle="Dotted" /> </asp:GridView> </div> </div> <div id="DivFooterRow" style="overflow: hidden"> </div> </div> </div> </fieldset> <table border="0" cellpadding="2" cellspacing="2" width="100%"> <tr> <td align="center" width="100%"> <asp:Button ID="btnAddNominee" runat="server" class="btn btn-info" Text="Add Nominee" CausesValidation="false" /> </td> </tr> </table> </div> </div> </div>
my prob is when i use the modal popup and save the data the first tab is set active
i inserted a hidden field and set its value when the user clicks the add nominee button
this sets the the tabnominee as active but does not show the contents of that particular div.Code:Dim mfieldSelectedName As String = hdnSelectedField.Value If mfieldSelectedName <> Nothing Then Select Case mfieldSelectedName Case "btnAddNominee" btnAddNominee.Focus() TabMain.Attributes("class") = "noborder" TabNominee.Attributes("class") = "active" End Select 'Me.Page.FindControl(mfieldSelectedName).Focus() End If
what i need is to set the focus on the 2nd div i.e. NomineePan when the user adds the nominee and when the user is adding the additional nominee which too contains modalpopup then they should return to the same div
i have been trying a lot used <asp:MultiView ID="MainView" runat="server"> and <asp:View ID="View1" runat="server"> too but then i cant use buttons in the view so this is ruled out.
Pls. Note. have deleted a few divs to shorten the post so if some div's start / closing is missing pls. omit. this is a pension calculation app.
i may be totally wrong in doing the division of data into various divs and calling it tabs and hence am open to any sugessions pls.
have been breaking my head for almost a week now pls. guide.
thanks
Reply With Quote
