Hello,
I've the following problem using WebTab 14.2 with "EnabledAjax" option set to TRUE, into Web forms 4.0, rendering with IE9.
I zipped a basic test form where you can reproduce the problem.
Structure :
- WebTab
-----Tab1
----------ButtonInside
-----Tab2
-ButtonOuside
When I programmatically add a new tab from the ButtonOustside click --> the new tab is added.
When I programmatically add a new tab from the ButtonInside click --> visually nothing happen, although the code is parsed.
Do I need to put some kind of trigger to refresh the tab header bar ? A solution without full postback would be nice !
Here is the code for the structure (included in .zip):
<form id="form1" runat="server"> <ig:WebScriptManager ID="WebScriptManager1" runat="server"> </ig:WebScriptManager> <div> <ig:WebTab ID="WebTab1" runat="server" Height="200px" Width="200%"> <Tabs> <ig:ContentTabItem runat="server" Text="Tab 1"> <Template> <asp:Button ID="Button2" runat="server" Text="From inside" OnClick="Button2_Click" /> </Template> </ig:ContentTabItem> <ig:ContentTabItem runat="server" Text="Tab 2"> </ig:ContentTabItem> </Tabs> <PostBackOptions EnableAjax="True" /> </ig:WebTab> <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="From outside" /> </div> </form>
Thank you !
Hello Manuel Le Boëtté,
Thank you for posting in our forums!
You are on the right track about needing to set a trigger to refresh the WebTab header. Setting WebTab.PostBackOptions.EnableAjax will only wrap the tab contents in an UpdatePanel. You need to wrap your own UpdatePanel around the WebTab control to update the header.
I have modified your sample to demonstrate this and attached it to this post.
If you have any further questions or concerns with this, let me know and I will be glad to help.
Thank you very much for this clarification.