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

RadRibbonView's child controls not focusable through keyboard

1 Answer 96 Views
RibbonView and RibbonWindow
This is a migrated thread and some comments may be shown as answers.
Usman
Top achievements
Rank 1
Usman asked on 11 Nov 2019, 01:08 PM

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>

1 Answer, 1 is accepted

Sort by
0
Dinko | Tech Support Engineer
Telerik team
answered on 14 Nov 2019, 10:37 AM

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.
Tags
RibbonView and RibbonWindow
Asked by
Usman
Top achievements
Rank 1
Answers by
Dinko | Tech Support Engineer
Telerik team
Share this question
or