RadRibbonView's child controls not focusable through keyboard

2 posts, 0 answers
  1. Usman
    Usman avatar
    18 posts
    Member since:
    Dec 2018

    Posted 11 Nov Link to this post

    Hi everybody.

    I'm facing an issue with telerik's RadRibbonView for WPF controls. I set the focus through code by calling ribbonView.Focus(), but afterwards I can not move focus to buttons inside ribbon view. I tried setting IsTabStop on ribbon buttons manually, but it didn't work either. Sample Xaml code is as follows:

    <telerik:RadRibbonWindow
        x:Class="WpfRadRibbonFocusIssue.MainWindow"
        xmlns:local="clr-namespace:WpfRadRibbonFocusIssue"
        Title="MainWindow"
        Width="800"
        Height="450"
        mc:Ignorable="d">
        <telerik:RadRibbonWindow.Resources>
            <Style x:Key="FocusedStyle">
                <Setter Property="Control.Template">
                    <Setter.Value>
                        <ControlTemplate>
                            <Rectangle Stroke="Blue" StrokeThickness="1" />
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
        </telerik:RadRibbonWindow.Resources>
     
        <DockPanel>
            <telerik:RadRibbonView
                x:Name="ribbonView"
                DockPanel.Dock="Top"
                FocusVisualStyle="{StaticResource FocusedStyle}">
                <telerik:RadRibbonTab Header="Tab 01">
                    <telerik:RadRibbonGroup Header="Group 01">
                        <telerik:RadRibbonButton IsTabStop="True" Text="Hello" />
                        <telerik:RadRibbonButton IsTabStop="True" Text="Hello 2" />
                        <telerik:RadRibbonButton IsTabStop="True" Text="Hello 3" />
                    </telerik:RadRibbonGroup>
                </telerik:RadRibbonTab>
                <telerik:RadRibbonTab Header="Tab 02">
                    <telerik:RadRibbonGroup Header="Group 02">
                        <telerik:RadRibbonButton Text="Command 01" />
                        <telerik:RadRibbonButton Text="Command 02" />
                        <telerik:RadRibbonButton Text="Command 03" />
                    </telerik:RadRibbonGroup>
                </telerik:RadRibbonTab>
            </telerik:RadRibbonView>
        </DockPanel>
    </telerik:RadRibbonWindow>
  2. Dinko
    Admin
    Dinko avatar
    952 posts

    Posted 14 Nov Link to this post

    Hello Usman,

    RadRibbonView doesn't support navigation using the tab key. This is because the ribbon control is designed to minimize getting the focus as much as it can. To navigate between the controls in the ribbonview I would suggest using the keyboard navigation feature.

    Can you please try this and let me know if it works for you?

    Regards,
    Dinko
    Progress Telerik

    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Back to Top