Forum user: fizzystutter

Hi,

Have you made any progress on this issue ?

Thanks
James

Hi,

I've implementated the Tab function on an asp.net page and wrapped it all up with a .net ajax update panel.

There are 2 tabs on the page as well as an update function that amends data to a database.

If I click on the second tab and then I click the update button (not inside the tab) and perform a postback, the first tab is then selected.

Is there way to get the script to remember which tab is currently live and then keep it live when a postback is performed ?

I've just come across this problem as well and think I've found a fix for it.

On the div elements that act as the holder for the panes set the css class to equal "holder" so that the html looks like this:

<div class="panes">
<div class="holder">
Pane 1
<div>
<b>James</b></div>
</div>
<div class="holder">
Pane 2<div>
<b>Julie</b></div>
</div>
<div class="holder">
Pane 3<div>
<b>Helen</b></div>
</div>
</div>

Then the CSS that has to appear on the page, set that to:

<style type="text/css">
div.panes div.holder
{
padding: 15px 10px;
border: 1px solid #999;
border-top: 0;
height: 100px;
font-size: 14px;
background-color: #FFFFFF;
}
</style>

That should now allow you to put divs inside your tabs.

Hope that helps.

James