Tabbing inside a RadMenuItem

5 posts, 0 answers
  1. Greg
    Greg avatar
    35 posts
    Member since:
    Sep 2013

    Posted 15 May 2014 Link to this post

    I have a RadDropDownButton whose DropDownContent is a RadContextMenu.

    In the first RadMenuItem ("New Project") inside the RadContextMenu I have various input controls.

    I can't get tabbing between these input controls to work at all. With focus on one textbox or combobox, pressing the tab key does nothing. (Before I set IsTabStop="false" on all the RadMenuItems, this would result in tabbing through the RadMenuItems, which I didn't want).

    Here's the code:
    <telerik:RadDropDownButton Grid.Column="0" HorizontalAlignment="Right" VerticalAlignment="Top" Margin="0,5,25,0" Content="Actions" Width="100">
         <telerik:RadDropDownButton.DropDownContent>
     
             <telerik:RadContextMenu HorizontalAlignment="Left" Margin="0,0,0,0" VerticalAlignment="Top">
                 <telerik:RadMenuItem Header="New Project" IsTabStop="False">
                     <Grid Width="300">
                         <Grid.ColumnDefinitions>
                             <ColumnDefinition Width="Auto"/>
                             <ColumnDefinition Width="*"/>
                         </Grid.ColumnDefinitions>
                         <Grid.RowDefinitions>
                             <RowDefinition Height="25"/>
                             <RowDefinition Height="25"/>
                             <RowDefinition Height="25"/>
                             <RowDefinition Height="25"/>
                             <RowDefinition Height="25"/>
                             <RowDefinition Height="25"/>
                             <RowDefinition Height="*"/>
                         </Grid.RowDefinitions>
     
                         <TextBlock Text="Project No:" Grid.Row="0" Grid.Column="0" Margin="0,2,5,0" />
                         <TextBox Name="newProjectNo"
                                  Grid.Row="0" Grid.Column="1"
                                  HorizontalAlignment="Left"
                                  Width="100"
                                  Margin="0,2,0,2"
                                  TabIndex="1"
                                  IsTabStop="True"
                                  VerticalAlignment="Top"></TextBox>
     
                         <TextBlock Text="Applicant:" Grid.Row="1" Grid.Column="0" Margin="0,2,5,0" />
                         <telerik:RadAutoCompleteBox Name="newMuniCode"
                                                     Grid.Row="1" Grid.Column="1"
                                                     HorizontalAlignment="Left"
                                                     Margin="0,2,0,0"
                                                     TabIndex="2"
                                                     IsTabStop="True"
                                                     Width="200"
                                                     VerticalAlignment="Top"/>
     
                         <TextBlock Text="Project Engineer:" Grid.Row="2" Grid.Column="0" Margin="0,2,5,0" />
                         <telerik:RadComboBox x:Name="ProjectEngineerSelection"
                                              Grid.Row="2" Grid.Column="1"
                                              Margin="0,2,0,0"
                                              TabIndex="3"
                                              IsTabStop="True"
                                              ClearSelectionButtonVisibility="Visible"
                                              ClearSelectionButtonContent="Show all"
                                              DisplayMemberPath="DisplayName"
                                              ItemsSource="{Binding ProjectEngineers}"
                                              SelectedItem="{Binding SelectedEngineer, Mode=TwoWay}" />
     
                         <TextBlock Text="Project Manager:" Grid.Row="3" Grid.Column="0" Margin="0,2,5,0" />
                         <telerik:RadComboBox x:Name="ProjectManagerSelection"
                                              Grid.Row="3" Grid.Column="1"
                                              Margin="0,2,0,0"
                                              TabIndex="4"
                                              IsTabStop="True"
                                              ClearSelectionButtonVisibility="Visible"
                                              ClearSelectionButtonContent="Show all"
                                              DisplayMemberPath="DisplayName"
                                              ItemsSource="{Binding ProjectManagers}"
                                              SelectedItem="{Binding SelectedManager, Mode=TwoWay}" />
     
                         <TextBlock Text="NYC Project?" Grid.Row="4" Grid.Column="0" Margin="0,2,5,0" />
                         <CheckBox x:Name="NycProjectCheckBox" 
                                   Grid.Row="4" Grid.Column="1"
                                   Margin="0,2,0,0"
                                   IsTabStop="True"
                                   TabIndex="5" />
     
                         <TextBlock Text="NYC Service Area:" Grid.Row="5" Grid.Column="0" Margin="0,2,5,0" />
                         <telerik:RadComboBox x:Name="NycServiceAreaSelection"
                                              Grid.Row="5" Grid.Column="1"
                                              Margin="0,2,0,0"
                                              TabIndex="6"
                                              IsTabStop="True"
                                              IsEnabled="{Binding IsChecked, ElementName=NycProjectCheckBox }"
                                              ClearSelectionButtonVisibility="Visible"
                                              ClearSelectionButtonContent="Show all"
                                              DisplayMemberPath="DisplayName"
                                              ItemsSource="{Binding NycServiceAreas}"
                                              SelectedItem="{Binding SelectedNycServiceArea, Mode=TwoWay}" />
     
                         <telerik:RadButton Grid.Row="6" Grid.Column="0" Grid.ColumnSpan="2"  Content="Create Project"
                                            HorizontalAlignment="Center"
                                            Height="Auto"
                                            Margin="0,10,0,0"
                                            VerticalAlignment="Top"
                                            TabIndex="7"
                                            IsTabStop="True"
                                            Width="100"
                                            Command="" />
     
                     </Grid>
                 </telerik:RadMenuItem>
     
                 <telerik:RadMenuItem Header="Copy Project" IsTabStop="False">
                     <Grid Width="200">
                         <Grid.ColumnDefinitions>
                             <ColumnDefinition Width="Auto"/>
                             <ColumnDefinition Width="*"/>
                         </Grid.ColumnDefinitions>
                         <Grid.RowDefinitions>
                             <RowDefinition Height="25"/>
                             <RowDefinition Height="*"/>
                         </Grid.RowDefinitions>
     
                         <TextBlock Text="New Project No:" Grid.Row="0" Grid.Column="0" Margin="0,2,5,0" />
                         <telerik:RadMaskedTextInput Name="copyProjectNo"
                                                     Grid.Row="0" Grid.Column="1"
                                                     Mask="0000-00-00"
                                                     HorizontalAlignment="Left"
                                                     Margin="0,0,0,0"
                                                     VerticalAlignment="Top"/>
     
                         <telerik:RadButton Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2"  Content="Copy Project"
                                            HorizontalAlignment="Center"
                                            Height="Auto"
                                            Margin="0,10,0,0"
                                            VerticalAlignment="Top"
                                            Width="100"
                                            Command="" />
                     </Grid>
                 </telerik:RadMenuItem>
     
                 <!--<telerik:RadMenuItem Header="{Binding CurrentHeader}"-->
                 <telerik:RadMenuItem IsTabStop="False" Header="Cost Increase"
                     IsEnabled="{Binding CurrentProjectIsNyc}"
                                      Command="">
                 </telerik:RadMenuItem>
     
                 <telerik:RadMenuItem IsTabStop="False" Header="99 Project"
                                      IsEnabled="{Binding CurrentProjectIsNyc}"
                                      Command="">
                 </telerik:RadMenuItem>
             </telerik:RadContextMenu>
     
         </telerik:RadDropDownButton.DropDownContent>
     </telerik:RadDropDownButton>

    Thanks,

    Greg
  2. Greg
    Greg avatar
    35 posts
    Member since:
    Sep 2013

    Posted 16 May 2014 in reply to Greg Link to this post

    Ignore this topic. I'd delete it if I could find a way...
  3. UI for WPF is Visual Studio 2017 Ready
  4. Kalin
    Admin
    Kalin avatar
    1207 posts

    Posted 16 May 2014 Link to this post

    Hello Greg,

    We are glad you have managed to resolve the issue. If you have any further questions or concerns, please do not hesitate to contact us.

    Regards,
    Kalin
    Telerik
     
    Check out Telerik Analytics, the service which allows developers to discover app usage patterns, analyze user data, log exceptions, solve problems and profile application performance at run time. Watch the videos and start improving your app based on facts, not hunches.
     
  5. David
    David avatar
    4 posts
    Member since:
    Oct 2012

    Posted 27 Mar 2015 in reply to Greg Link to this post

    Hi Greg,

    If you don't mind sharing, what was the solution?  I'm also having an issue with tab-focus inside a RadContextMenu.

    Thanks,

    -David
  6. David
    David avatar
    4 posts
    Member since:
    Oct 2012

    Posted 27 Mar 2015 in reply to Greg Link to this post

    Hi Greg,

    If you don't mind, what was the solution, please?  I'm also having an issue with tab-focus in a RadContextMenu.

    Thanks,
    -David
Back to Top
UI for WPF is Visual Studio 2017 Ready