Home > DeveloperSection > Forums > bootstrap code
mahesh sudke
mahesh sudke

Total Post:1

Points:7
Posted on    April-15-2015 11:56 PM

 .NET JQuery  JavaScript 
Ratings:


 0 Reply(s)
 803  View(s)
Rate this:
we have to use bootstrap tab panel,we have added four tab panel such as profile,messages,network details n settings,consider now we r in tab panel 4,inside the settings,we select checkbox  n then we click on button then our page has been  postback means going to original page,then again we have to go inside that tab panel and then getting result on that tab panel...this is our problem and i want result on same tab panel after clicked on button so what shold i do?????plz help me guys



 <div class="row" style="background: #fff; padding: 10px; margin: 2px; border: 1px solid #ccc;">

                                            <!-- Nav tabs -->
                                            <ul class="nav nav-tabs" role="tablist">
                                                <li class="active">
                                                    <a href="#profile" role="tab" data-toggle="tab">Profile
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#transaction" role="tab" data-toggle="tab">Transaction
                                                    </a>
                                                </li>
                                                <li><a href="#messages" role="tab" data-toggle="tab">Message
                                                </a>
                                                </li>
                                                <li>
                                                    <a href="#network" role="tab" data-toggle="tab">Network Details
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#settings" role="tab" data-toggle="tab">Settings
                                                    </a>
                                                </li>
                                            </ul>

                                            <!-- Tab panes -->
                                            <div class="tab-content">
                                                <div class="tab-pane fade active in" id="profile" >
                                                    <asp:DetailsView ID="dvProfile" CssClass="tablenew" runat="server" AutoGenerateColumns="true"></asp:DetailsView>
                                                </div>
                                                <div class="tab-pane fade" id="transaction">
                                                    <asp:GridView ID="gvTransaction" CssClass="table" runat="server" AutoGenerateColumns="true"></asp:GridView>
                                                </div>
                                                <div class="tab-pane fade" id="messages">
                                                    <asp:GridView ID="gvMessages" CssClass="tablenew" runat="server" AutoGenerateColumns="true"></asp:GridView>
                                                </div>
                                                <div class="tab-pane fade" id="network">
                                                    <div class="col-md-4 tablenew">
                                                        <asp:DetailsView ID="dvCNF" HeaderText="C&F Details" runat="server" AutoGenerateColumns="true">
                                                            <HeaderStyle ForeColor="Black" Font-Size="12" Font-Bold="true" />
                                                        </asp:DetailsView>
                                                    </div>
                                                    <div class="col-md-4 tablenew">
                                                        <asp:DetailsView ID="dvMD" HeaderText="Master Distributor Details" runat="server" AutoGenerateColumns="true">
                                                            <HeaderStyle ForeColor="Black" Font-Size="12" Font-Bold="true" />
                                                        </asp:DetailsView>
                                                    </div>
                                                    <div class="col-md-4 tablenew">
                                                        <asp:DetailsView ID="dvAD" HeaderText="Area Distributor Details" runat="server" AutoGenerateColumns="true">
                                                            <HeaderStyle ForeColor="Black" Font-Size="12" Font-Bold="true" />
                                                        </asp:DetailsView>
                                                    </div>
                                                </div>

                                                <div class="tab-pane fade" id="settings">
                                                   
                                                    <div class="col-md-6">


                                                        <div class="container-fluid" style="background: #fff; padding: 10px; margin: 2px; border: 1px solid #ccc; text-align: left; width: 800px;">
                                                            <div class="col-md-3"><b>
                                                                <asp:Label ID="lblGatewayNo" runat="server" Text="Change SMS Gateway"></asp:Label></b></div>
                                                            <div class="col-md-4">
                                                                <asp:DropDownList CssClass="dropdown-header" ID="ddlSelectGateway" runat="server" Width="200">
                                                                    <asp:ListItem>SoutionInfi-All Channel</asp:ListItem>
                                                                    <asp:ListItem>SolutionInfi-New</asp:ListItem>
                                                                    <asp:ListItem>SMS Folio</asp:ListItem>
                                                                    <asp:ListItem>J & K SMS</asp:ListItem>
                                                                    <asp:ListItem>Route SMS</asp:ListItem>
                                                                </asp:DropDownList>
                                                            </div>
                                                            <div class="col-md-2">
                                                                <asp:Button ID="btnChangeGateway" runat="server" Text="Change Gateway" CssClass="btn btn-warning" Width="177px" />

                                                            </div>
                                                        </div>
                                                        <div class="container-fluid" style="background: #fff; padding: 10px; margin: 2px; border: 1px solid #ccc; text-align: left; width: 800px;">
                                                            <div class="col-md-3"><b>
                                                                <asp:Label ID="lblResetPass" runat="server" Text="Reset Passwords"></asp:Label></b></div>
                                                            <div class="col-md-4">
                                                           <asp:CheckBox ID="cbMPin" runat="server" OnCheckedChanged="cbMPin_CheckedChanged"  />M-PIN&nbsp;
                                                           <asp:CheckBox ID="cbTPin" runat="server"  />T-PIN&nbsp;
                                                           <asp:CheckBox ID="cbIPin" runat="server"  />I-PIN&nbsp;
                                                           <asp:CheckBox ID="cbAll" runat="server"   />All&nbsp;
                                                            </div>
                                                            <div class="col-md-2">
                                                                <asp:Button ID="btnResetPassword" runat="server" Text="Reset & Send Password" CssClass="btn btn-warning" OnClick="btnResetPassword_Click" />
                                                                <asp:Label ID="lblDisplay" runat="server" Font-Bold="true" ForeColor="Red" style="text-align:left" Text="" ></asp:Label>

                                                            </div>
                                                        </div>
                                                        <div class="container-fluid" style="background: #fff; padding: 10px; margin: 2px; border: 1px solid #ccc; text-align: left; width: 800px;">
                                                            <div class="col-md-3"><b>IMPS Status Update</b></div>
                                                            <div class="col-md-4">
                                                                <asp:Label ID="lblImpsStatus" runat="server" Text="" ForeColor="Red" Font-Bold="true"></asp:Label>
                                                                <asp:Button ID="btnActiveInactiveImps" runat="server" Text="Active" CssClass="btn btn-warning" />
                                                            </div>
                                                        </div>
                                                        <div class="container-fluid" style="background: #fff; padding: 10px; margin: 2px; border: 1px solid #ccc; text-align: left; width: 800px;">
                                                            <div class="col-md-3"><b>User Status Update</b></div>
                                                            <div class="col-md-4">
                                                                <asp:Label ID="lblUserStatus" runat="server" Text="" ForeColor="Red" Font-Bold="true"></asp:Label>
                                                                <asp:Button ID="btnActiveInactiveUser" runat="server" Text="Active" CssClass="btn btn-warning" />
                                                            </div>
                                                        </div>

                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                    </div>


Don't want to miss updates? Please click the below button!

Follow MindStick