Ajax Control Toolkit - Use client-side button to activate tab

Question

I'm using the TabContainer/TabPanel components of the Ajax Control Toolkit.

I'd like to hide the tabs themselves and use a button elsewhere on the page to activate (bring to the front) one of the tabs without posting back to the server.

I can show and hide the tabs by grabbing their clientIDs and manually setting the visibility and display styles.

But is there a javascript function I can call to do this and perform whatever magic happens behind the scenes when I click an actual tab?

Answer 1

Example:

var tab = $find(“tabContainer’s ClientID”);
tab.set_activeTabIndex(1); // active the second tab panel
tab.getFirstTab().set_enabled(false); // disable the first panel