Ajax update with animated image

[David]

Hello,

How to I have two tabs and when you click on a button on 1 tab / tab 2 it updates the tab and displays an auto update ajax image. Also the update of the tab would happen in a ajax way so that the pages doesn't re load ?

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

 

</telerik:RadScriptManager>

 

 

 

<telerik:RadAjaxLoadingPanel runat="server" ID="LoadingPanel1">

 

</telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxManager runat="server" ID="RadAjaxManager1" DefaultLoadingPanelID="LoadingPanel1">

 

 

<AjaxSettings>

 

 

<telerik:AjaxSetting AjaxControlID="RadTabStrip1">

 

 

<UpdatedControls>

 

<telerik:AjaxUpdatedControl ControlID="RadTabStrip1" />

 

<telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="LoadingPanel1" />

 

</UpdatedControls>

 

</telerik:AjaxSetting>

 

<telerik:AjaxSetting AjaxControlID="RadMultiPage1">

 

<UpdatedControls>

 

<telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="LoadingPanel1" />

 

</UpdatedControls>

 

</telerik:AjaxSetting>

 

</AjaxSettings>

 

</telerik:RadAjaxManager>

 

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" Height="24px" SelectedIndex="0"

 

Width="335px" MultiPageID="RadMultiPage1">

 

<Tabs>

 

<telerik:RadTab runat="server" Text="Hotel Only" Selected="True" >

 

</telerik:RadTab>

 

<telerik:RadTab runat="server" Text="Flight & Hotel">

 

</telerik:RadTab>

 

</Tabs>

 

</telerik:RadTabStrip>

 

<telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0">

 

<telerik:RadPageView ID="RadPageView1" runat="server">

tab1

 

</telerik:RadPageView>

 

<telerik:RadPageView ID="RadPageView2" runat="server">

tab2

 

<asp:Button ID="Button2" runat="server" Text="Button" />

 

</telerik:RadPageView>

 

</telerik:RadMultiPage>

[Iana Tsolova]

Hello David,

Your ajax settings are correct and now whe you click on a tab ajax should be performed. For the ajax loading panel to be displyed, set its Skin, or add a custom image.

Greetings,
Iana Tsolova
the Telerik team