Selecting tab by hotkey & ajax

[miksh]

It seems the selecting a tab by hotkey and by tab click to behave differently when using Multipage and RadAjaxManager displaying a loading panel.
Tab click works fine: a callback happens and the loading indicator appears over the current page content.
Using hotkey: a callback happens but the current page content is collapsed and hidden right after the pressing the key, and the loading indicator doesn't appear.

Please comment.

[Paul]

Hello miksh,

We tried to reproduce the reported issue on our side, but to no avail. Please find below a sample code snippet; give it a try and let us know what's different on your side.

<form id="form1" runat="server">
    <div>
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <telerik:RadTabStrip ID="RadTabStrip1" runat="server" AutoPostBack="True" MultiPageID="RadMultiPage1">
            <Tabs>
                <telerik:RadTab runat="server" Text="Root RadTab1" AccessKey="A">
                </telerik:RadTab>
                <telerik:RadTab runat="server" Text="Root RadTab2" AccessKey="B">
                </telerik:RadTab>
                <telerik:RadTab runat="server" Text="Root RadTab3" AccessKey="C">
                </telerik:RadTab>
            </Tabs>
        </telerik:RadTabStrip>
    </div>
    <telerik:RadMultiPage ID="RadMultiPage1" runat="server" RenderSelectedPageOnly="True">
        <telerik:RadPageView ID="RadPageView1" runat="server">
            RadPageView1</telerik:RadPageView>
        <telerik:RadPageView ID="RadPageView2" runat="server">
            RadPageView2</telerik:RadPageView>
        <telerik:RadPageView ID="RadPageView3" runat="server">
            RadPageView3</telerik:RadPageView>
    </telerik:RadMultiPage>
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="RadTabStrip1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadTabStrip1" />
                    <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="RadAjaxLoadingPanel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Height="75px" Width="75px">
        <img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>' style="border: 0px;" />
    </telerik:RadAjaxLoadingPanel>
</form>

All the best,
Paul
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[miksh]

To reproduce the issue make two changes in your code:
1. add a server-side TabClick event with the following code:

protected void RadTabStrip1_TabClick(object sender, Telerik.Web.UI.RadTabStripEventArgs e)
{
    System.Threading.Thread.Sleep(3000);
}

2. Set in LoadingPanel Transparency="5" 

[miksh]

Any update?

[Vlad]

Hi miksh,

The multi page is just not big enough - I have attached small example.

Regards,
Vlad
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[miksh]

Thanks. I run your sample and the issue has been confirmed: when you select a tab by hotkey the tab text disappears; when the tab is selected by tab click everything is in place.
Do you have the same behaviour?

[Vlad]

Hello miksh,

I tried attached project in IE7 and FF2 and everything worked fine on my end. In IE using ALT + a/b/c in FF CTRL + SHIFT + key.

Best wishes,
Vlad
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.