Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

Bootstrap Panel Tabs reset on postback problem  Asp.Net (vb)

Posted on 2015-02-04
1
Medium Priority
?
1,052 Views
Last Modified: 2016-02-25
Hi

I have some panel tabs  which keeps defaulting back to the default Active tab on a postback.

In the example code below if I navigate to the tab   #upClaim    once I perform a postback in the gridview the page reloads and the active tab goes back to the default one which is #iqadetail

U've tried wrapping this up in an update panel but it still does not work.

Can I set the active index on the panel tabs programmatically?



<section class="panel" runat="server" id="iqadetailtoggle">
                <header class="panel-heading tab-bg-dark-navy-blue ">
                    <ul class="nav nav-tabs">
                        <li class="active">
                            <a data-toggle="tab" href="#iqadetail">IQA Detail</a>
                        </li>
                        <li class="">
                            <a data-toggle="tab" href="#spsomthing">Somthing</a>
                        </li>
                        <li class="">
                            <a data-toggle="tab" href="#gcomments">Grading & Comments</a>
                        </li>
                        <li class="">
                            <a data-toggle="tab" href="#sstrategy">Sample Strategy</a>
                        </li>

                             <li class="">
                            <a data-toggle="tab" href="#upClaim">Claim Information</a>
                        </li>

                    </ul>
                </header>
                <div class="panel-body">
                    <div class="tab-content">
                             <div id="iqadetail" class="tab-pane"></div>
                        <div id="spsomthing" class="tab-pane"></div>
                        <div id="gcomments" class="tab-pane">    </div>
                        <div id="sstrategy" class="tab-pane"></div>
<div id="upClaim" class="tab-pane">   Gridview with postback here     </div>
                    </div>
                </div>
            </section>

Open in new window

0
Comment
Question by:Ed
1 Comment
 

Accepted Solution

by:
Ed earned 0 total points
ID: 40597851
The solution is to add ajax update panels in the content of the panel tabs.  The add the content.
0

Featured Post

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

It was really hard time for me to get the understanding of Delegates in C#. I went through many websites and articles but I found them very clumsy. After going through those sites, I noted down the points in a easy way so here I am sharing that unde…
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
This Micro Tutorial will teach you how to add a cinematic look to any film or video out there. There are very few simple steps that you will follow to do so. This will be demonstrated using Adobe Premiere Pro CS6.
Look below the covers at a subform control , and the form that is inside it. Explore properties and see how easy it is to aggregate, get statistics, and synchronize results for your data. A Microsoft Access subform is used to show relevant calcul…
Suggested Courses

971 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question