or
<Grid> <StackPanel> <StackPanel> <StackPanel Orientation="Horizontal"> <Label Content="Enter Name"/> <TextBox Height="25" Width="200" Background="AliceBlue" Text="{Binding Name}"/> </StackPanel> <StackPanel Orientation="Horizontal"> <Label Content="Enter Age"/> <TextBox Height="25" Width="200" Background="AliceBlue" Text="{Binding Age}"/> </StackPanel> </StackPanel> <telerik:RadGridView Grid.Row="2" x:Name="orderView" ItemsSource="{Binding Order}" AutoGenerateColumns="False"> <telerik:RadGridView.Columns> <telerik:GridViewToggleRowDetailsColumn > <!--<i:Interaction.Triggers> <i:EventTrigger EventName="CellClick" > <cmd:EventToCommand Command="{Binding Path=OrderCellClickCommand}" PassEventArgsToCommand="True" /> </i:EventTrigger> </i:Interaction.Triggers>--> </telerik:GridViewToggleRowDetailsColumn > <telerik:GridViewSelectColumn Header="Select" x:Name="chkbox"/> <telerik:GridViewDataColumn DataMemberBinding="{Binding CustomerName}" Header="Name" /> <telerik:GridViewDataColumn DataMemberBinding="{Binding Age}" Header="Age" /> </telerik:RadGridView.Columns> <telerik:RadGridView.RowDetailsTemplate> <DataTemplate > <StackPanel > <StackPanel Orientation="Horizontal"> <Label Content="Enter Name"/> <TextBox Height="25" Width="200" Background="AliceBlue" Text="{Binding CustomerName}"/> </StackPanel> <StackPanel Orientation="Horizontal"> <Label Content="Enter Age"/> <TextBox Height="25" Width="200" Background="AliceBlue" Text="{Binding Age}"/> </StackPanel> </StackPanel> </DataTemplate> </telerik:RadGridView.RowDetailsTemplate> </telerik:RadGridView> <Button Height="25" Width="80" Content="Add Order"> <i:Interaction.Triggers> <i:EventTrigger EventName="Click"> <cmd:EventToCommand Command="{Binding Path=AddOrderClickCommand}" PassEventArgsToCommand="True" /> </i:EventTrigger> </i:Interaction.Triggers> </Button> </StackPanel> </Grid> Hello,
I had some troubles with the behavior of the RadTabControl with 2010 Q3. This has improved with 2011 Q1, or maybe I just got better at handling the Telerik controls. But it still behaves strangely when I set the TabIndex of the controls within the TabItems.
<Window x:Class="WPFApplication1.MainWindow" xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation" Title="Window1"> <StackPanel> <telerik:RadMaskedTextBox MaskType="None" MaskedText="Text1" IsTabStop="True" TabIndex="1" /> <telerik:RadTabControl> <telerik:RadTabItem Header="Header 1" IsTabStop="True" TabIndex="2" IsSelected="True"> <StackPanel> <telerik:RadMaskedTextBox MaskType="None" MaskedText="Text2" IsTabStop="True" TabIndex="3" /> <telerik:RadMaskedTextBox MaskType="None" MaskedText="Text3" IsTabStop="True" TabIndex="4" /> </StackPanel> </telerik:RadTabItem> <telerik:RadTabItem Header="Header 2" IsTabStop="True" TabIndex="5"> <StackPanel> <telerik:RadMaskedTextBox MaskType="None" MaskedText="Text4" IsTabStop="True" TabIndex="6" /> <telerik:RadMaskedTextBox MaskType="None" MaskedText="Text5" IsTabStop="True" TabIndex="7" /> </StackPanel> </telerik:RadTabItem> </telerik:RadTabControl> </StackPanel> </Window>In this simple example it doesn't really matter of course, the TabIndex property is not needed for correct movement within the TabItems. In all the cases I can think of right now the position of the control within the xaml code should be sufficient to ensure the right order. There may however be some situation requiring TabIndices and then they should work correctly.