Solved

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

Posted on 2015-02-04
1
806 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:edjones1
1 Comment
 

Accepted Solution

by:
edjones1 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

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

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

A long time ago (May 2011), I have written an article showing you how to create a DLL using Visual Studio 2005 to be hosted in SQL Server 2005. That was valid at that time and it is still valid if you are still using these versions. You can still re…
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…
Two types of users will appreciate AOMEI Backupper Pro: 1 - Those with PCIe drives (and haven't found cloning software that works on them). 2 - Those who want a fast clone of their boot drive (no re-boots needed) and it can clone your drive wh…
With Secure Portal Encryption, the recipient is sent a link to their email address directing them to the email laundry delivery page. From there, the recipient will be required to enter a user name and password to enter the page. Once the recipient …

786 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