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

Tabbing inside a RadMenuItem

4 Answers 106 Views

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

Greg asked on 15 May 2014, 06:26 PM

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="*"/>

</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 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

Tabbing inside a RadMenuItem

4 Answers, 1 is accepted