forum

Home / DeveloperSection / Forums / bootstrap code

bootstrap code

mahesh sudke 1919 15-Apr-2015
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>

Updated on 15-Apr-2015

Can you answer this question?


Answer

0 Answers

Liked By