Is there a way to capture the event when a web tab is clicked(server side). I've tried the SelectedIndexChange method, but it won't fire. I want to perform an action each time a tab is selected. Inside the ContentTabItem templates I have various controls. What I want to do is hide some controls and change the label text of some labels when a tab is selected.
<ig:WebTab ID="igMyTabs" runat="server" Width="900px" StyleSetName="Office2007Blue" StyleSetPath="~/ig_res/"> <Tabs> <ig:ContentTabItem runat="server" Text="Apples" > <Template> Some stuff to do here </Template> </ig:ContentTabItem> <ig:ContentTabItem runat="server" Text="Oranges"> <Template> oranges stuff goes here </Template> </ig:ContentTabItem> <ig:ContentTabItem runat="server" Text="Bananas"> <Template> bananas stuff goes here </Template> </ig:ContentTabItem> </Tabs> </ig:WebTab>
Hi dbishop9,
set AutoPostBackFlags SelectionIndexChanged=On,
<ig:WebTab ID="igMyTabs" runat="server" Width="900px" StyleSetName="Office2007Blue" StyleSetPath="~/ig_res/" onselectedindexchanged="igMyTabs_SelectedIndexChanged"> <AutoPostBackFlags SelectedIndexChanged="On" /> <Tabs> <ig:ContentTabItem runat="server" Text="Apples"> <Template> Some stuff to do here </Template> </ig:ContentTabItem> <ig:ContentTabItem runat="server" Text="Oranges"> <Template> oranges stuff goes here </Template> </ig:ContentTabItem> <ig:ContentTabItem runat="server" Text="Bananas"> <Template> bananas stuff goes here </Template> </ig:ContentTabItem> </Tabs> </ig:WebTab>
...
protected void igMyTabs_SelectedIndexChanged(object sender, Infragistics.Web.UI.LayoutControls.TabSelectedIndexChangedEventArgs e) {
}
Perfect, thanks. Now I cannot get the AjaxIndicator to work. Below is my html. The loading.gif is an animated gif file. Is there something else I am not doing or am I using the wrong kind of file? Thanks.
<
="AboveInfront"
/>
The AJAX Indicator displays a wait notification for the end users, while an Infragistics™ NetAdvantage ASP.NET AJAX control is waiting for a callback to complete. The indicator will show itself when a control initiates an AJAX call, and automatically hides itself once the callback is complete.
Enable Ajax Indicator for WebTab :
<AjaxIndicator Enabled="True" Text="Ajax Call Wait" Location="AboveCenter" RelativeToControl="True" />
AjaxIndicator
Enabled
="True"
Text
="Ajax Call Wait"
Location
="AboveCenter"
RelativeToControl
When AutoPostBackFlag is set to On, it makes full postback, so you have to set it to Async
However on setting AutoPostBackFlag to async the event does not get fired.
for example i tried doing this 'SelectedIndexChanged="async" ' and now my event would not get fired.
This post was for UltraWebTab, but I am assuming you are using WebTab as your reply suggests. I don't think ultrawebtab supports an ajax indicator.
You can activate the ajax indicator in WebTabs one of two ways:
HTML
<AjaxIndicator Enabled="True" Text="Ajax Call Wait" ImageURL="yourimage.png" Location="AboveCenter" RelativeToControl="True" />
Code-behind
'Enable the wait indicatorMyWebTab.AjaxIndicator.Enabled = Infragistics.Web.UI.DefaultableBoolean.True
'Set the wait message, if you need a message with itMyWebTab.AjaxIndicator.Text = "Loading, Please Wait..." (or whatever message you want)
'Where to display it on the WebTab controlMyWebTab.AjaxIndicator.Location = Infragistics.Web.UI.RelativeLocation.AboveCenter
'Location of the indicator specific to the WebTab control. MyWebTab.AjaxIndicator.RelativeToControl = Infragistics.Web.UI.DefaultableBoolean.True
You could put this in it's Initialize method. Here is a link for the class and members to check out
http://help.infragistics.com/Help/NetAdvantage/ASPNET/2012.1/CLR4.0/html/WebTab~Infragistics.Web.UI.WebTab_members.html
I am using infragistics tab. when i navigate from one tab to another i want to show loading symbol till the tab gets loaded. Please help me.
EX: When we navigate from first tab to second tab, i need loading symbol.
now again when i navigate from second tab to first tab, i need loading symbol.
Thanks in Advance
Thanks That did it.