Keyboard interface issues with TabStrip

4 posts, 0 answers
  1. Timothy
    Timothy avatar
    2 posts
    Member since:
    Jan 2014

    Posted 28 Jan 2014 Link to this post


    I am having an issue with enabling the keyboard interface on a TabStrip.

    I have seen articles and code that indicate this can be an 'out of the box' feature of tabstrip, but I'm not getting the effect I want or expect.

    I have a TabStrip with three tabs. Underneath it I have a RadMultipage with three PageViews.

    I have added the AccessKey attribute to each of the tabs, and yes the focus rectangle moves from Tab to Tab.

    But I also want the selection to change AND the appropriate PageView to become active.

    Does anybody have ideas on how to pull this off.

  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 29 Jan 2014 in reply to Timothy Link to this post


    Please have a look into the sample code snippet which works fine at my end.

    <telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1">
            <telerik:RadTab Text="Examples" AccessKey="E" PageViewID="RadPageView1">
            <telerik:RadTab Text="Configurator" AccessKey="C" PageViewID="RadPageView2">
    <telerik:RadMultiPage ID="RadMultiPage1" runat="server">
        <telerik:RadPageView ID="RadPageView1" runat="server">
            <asp:Label ID="Label1" runat="server" Text="Examples">
        <telerik:RadPageView ID="RadPageView2" runat="server">
            <asp:Label ID="Label2" runat="server" Text="Configurator">

  3. DevCraft R3 2016 release webinar banner
  4. Timothy
    Timothy avatar
    2 posts
    Member since:
    Jan 2014

    Posted 31 Jan 2014 in reply to Shinu Link to this post

    Hi Shinu

    First of all let me say, yes your code snippet does in fact work as advertised.

    I had seen the same code elsewhere on your web-site, but it wasn't working for me.

    A couple of things to be aware of, and I finally realized this based on your sample.
    DON'T select the tab, or View in the HTML. Only do it in code behind on page initialization.

    Second thing is the behavior appears to be a little flaky on IE, I am specifically using IE 11.
    It seems like the first click of the Access Key isn't always recognized.
    I'm not saying this is a Telerik problem, just mentioning it for other users.

    Seems to work more reliably in FireFox.

  5. Nencho
    Nencho avatar
    1446 posts

    Posted 05 Feb 2014 Link to this post

    Hello Timothy,

    Would you elaborate a bit more on the issue with setting the Selected Tab and VIew in markup? As for the keyboard support issue, faced in IE 11 - we are aware of this issue and we are considering its fix implementation.

    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the UI for ASP.NET AJAX, subscribe to the blog feed now.
Back to Top