|
||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||
|
Announcements
Services
Chapters
Feature Zones
|
IntroductionWhile dynamically loading Hope it works for you! After creating this write-up, I also found that creating a panel (the equivalent of a I will leave this up in case someone needs to figure out how to resize a tab in JavaScript for some reason. Using the codeUse the <ajaxToolkit:TabContainer ID="tabContainer" runat="server"
OnClientActiveTabChanged="doSizeUp" />
Then use this JavaScript function to resize: function doSizeUp(){
//get the tabContainer for later reference
var tc = document.getElementById("<%=tabContainer.ClientId%>");
//get the index of the tab you just clicked.
var tabIndex =
parseInt($find("<%=tabContainer.ClientId%>").get_activeTabIndex(), 10);
//set the tabcontainer height to the tab panel height.
tc.childNodes[1].style.height =
tc.childNodes[1].childNodes[tabIndex].clientHeight;
}
Don't forget to call var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_pageLoaded(PageLoadedHandler);
function PageLoadedHandler(sender, args) {
setTimeout('doSizeUp()', 1);
}
Points of InterestPlease be aware that I only checked this in IE6 and IE7, as that's all that's required when working on our intranet, but I believe it will work in most major browsers. History
|
|||||||||||||||||||||||||||||||||||