Hi
I'm having issue with Web tab Height behavior. I have added 8-9 tabs, First ContentTabItem I'm loading as Under Template and rest of other ContentTabItem tabs thru ContentURL.
First tab is loading very fine but rest of other tabs height is not rendering properly. When I switch back and forth then tab height load normally. This I have to do for all the tabs except first tab.
Please let me know what is the problem here
Here is my Sample markup ;
<ig:WebTab ID="WebTab1" runat="server" Width="99.7%" EnableAjaxViewState="False" TabOrientation="Horizontal"
TabLocation="TopLeft" SelectedIndex="0" EnableOverlappingTabs="false" EnableActivation="false">
<PostBackOptions EnableLoadOnDemandUrl="True" EnableLoadOnDemand="true" EnableAjax="true" />
<AjaxIndicator Enabled="True" Location="MiddleCenter" />
<Tabs>
<ig:ContentTabItem runat="server" Text="Summary">
<Template>
<% span="">Some Html here --%>
</Template>
</ig:ContentTabItem>
<ig:ContentTabItem runat="server" Text="General Data" ContentUrl="../Checklists/IMP1001_GenData.aspx">ig:ContentTabItem>
<ig:ContentTabItem runat="server" Text="EC" TabSize="50px" ContentUrl="../Checklists/IMP1001_EC.aspx" >
ig:ContentTabItem>
<ig:ContentTabItem runat="server" Text="IC" TabSize="50px" ContentUrl="../Checklists/IMP1001_IC.aspx" >
<ig:ContentTabItem runat="server" Text="Equip" TabSize="50px" ContentUrl="../Checklists/IMP1001_EQ.aspx">ig:ContentTabItem>
<ig:ContentTabItem runat="server" Text="TPD" TabSize="50px" ContentUrl="../Checklists/IMP1001_TDP.aspx">ig:ContentTabItem>
<ig:ContentTabItem runat="server" Text="WOF" TabSize="50px" ContentUrl="../Checklists/IMP1001_WOF.aspx">ig:ContentTabItem>
<ig:ContentTabItem runat="server" Text="IO" TabSize="50px" ContentUrl="../Checklists/IMP1001_IO.aspx">ig:ContentTabItem>
<ig:ContentTabItem runat="server" Text="Other" TabSize="50px" ContentUrl="../Checklists/IMP1001_Oth.aspx">ig:ContentTabItem>
<ig:ContentTabItem runat="server" Text="Documents" >ig:ContentTabItem>
<ig:ContentTabItem runat="server" Text="P&MM" TabSize="50px">ig:ContentTabItem>
<ig:ContentTabItem runat="server" Text="BAP MOC Log" >ig:ContentTabItem>
Tabs>
ig:WebTab>
Problem was due to client events.
I removed ClientEvents SelectedIndexChanged and ClientEvents SelectedIndexChanging events.. and using server side code.
now my tab height rendering properly and also showing AjaxIndicator.
Thanks for your help..
Does the sample and information I provided allow you to display the tabs as you would like? Please let me know if I may be of any further help.
I'm not really able to reproduce the behavior you are describing with the AJAX indicator. When I switch a tab that loads a page containing an UltraWebChart I see the AJAX indicator. I have attached the sample that I used to verify this. Please run this and let me know whether the AJAX indicator appears for you.
As for the height, I have also added in logic to the sample for tab content height. You are correct that TabSize manipulates the size of the tab header item. Instead you'll want to either set sizing on the body element of the page you are loading in to a tab or you want to make use of the WebTab's ContentPane.MinWidth, MaxWidth, MinHeight, and MaxHeight properties. In my sample I make use of setting body size and setting some ContentPane properties.
Any update on this...
One more thing I noticed I'm binding Ultra Chart on page load event. Only on those page are not showing AjaxIndicator.
Please reply...its urgent...
Thanks Jason for your reply..
I tried setting up height of body of the page but same result.. even I sets tab size explicitly, but it increases the size of tab not the height.
one more thing I notice about AjaxIndicator even though I enabled for the tabs, why I'm not getting this indicator in all tabs...
Please suggests.. its urgent...