This is a migrated thread and some comments may be shown as answers.

Keyboard interface issues with TabStrip

3 Answers 43 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Timothy
Top achievements
Rank 1
Timothy asked on 28 Jan 2014, 03:17 PM
Hi

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.

TIA

3 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 29 Jan 2014, 06:51 AM
Hi,

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

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

Thanks,
Shinu.
0
Timothy
Top achievements
Rank 1
answered on 31 Jan 2014, 02:19 PM
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.

HTH  
0
Nencho
Telerik team
answered on 05 Feb 2014, 11:42 AM
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.

Regards,
Nencho
Telerik
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.
Tags
TabStrip
Asked by
Timothy
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Timothy
Top achievements
Rank 1
Nencho
Telerik team
Share this question
or