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"
/>
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.
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