[Solved] TabControl to fill the RadPane Width 100%

[Joe Lozina]

Hi

I have a RadTabControl which I have placed in a RadPane (which is in RadDocking control) and I would like the Tab control to fit in the Pane filling up the width i.e. width is 100%. Ive attached a screen dump of my screen with what I am trying to achieve.

Also how can you get the tool bar to fit the width of the RadPane?

<telerik:RadSplitContainer Orientation="Horizontal" InitialPosition="DockedBottom" Height="350"  >
         <telerik:RadPaneGroup>
             <telerik:RadPane x:Name="bottomPane" Header="Work Item Form"  >
                 <telerik:RadTabControl x:Name="radTabControl" SelectedIndex="0" Width="auto" Height="auto">
                     <telerik:RadTabItem Header="Details" Width="auto" Height="auto">

                         <Grid  Grid.Row="1" Grid.Column="0" Margin="10,0,0,0">
                             <Grid.RowDefinitions>
                                 <RowDefinition Height="Auto"/>
                                 <RowDefinition Height="Auto"/>
                                 <RowDefinition Height="Auto"/>
                                 <RowDefinition Height="Auto"/>
                                 <RowDefinition Height="Auto"/>
                                 <RowDefinition Height="Auto"/>
                                 <RowDefinition Height="*" />


                             </Grid.RowDefinitions>
                             <Grid.ColumnDefinitions>
                                 <ColumnDefinition Width="100" />
                                 <ColumnDefinition Width="*" />
                                 <ColumnDefinition Width="*" />
                             </Grid.ColumnDefinitions>

                             <TextBlock Grid.Row="0" Grid.Column="1" HorizontalAlignment="Left"  FontWeight="Bold" Margin="3.5,6,3.5,3.5" >Details</TextBlock>

                             <TextBlock Grid.Row="1" Grid.Column="0" VerticalAlignment="Center" >Category:</TextBlock>
                             <telerik:RadComboBox x:Name="Location" IsEditable="True" Margin="3.5"
                     ItemsSource="{Binding Location}" IsReadOnly="True" Grid.Column="1" Grid.Row="1" Width="140"  HorizontalAlignment="Left" />

                             <TextBlock Grid.Row="2" Grid.Column="0" VerticalAlignment="Center" >Work Item:</TextBlock>
                             <telerik:RadComboBox x:Name="WorkItem" IsEditable="True" Margin="3.5"
                     ItemsSource="{Binding Location}" IsReadOnly="True" Grid.Column="1" Grid.Row="2" Width="140"  HorizontalAlignment="Left" />

                             <TextBlock Grid.Row="3" Grid.Column="0" VerticalAlignment="Center" >Responsibility:</TextBlock>
                             <TextBox Grid.Row="3" Grid.Column="1" x:Name="Responsibility" Margin="3.5" Width="200" HorizontalAlignment="Left"></TextBox>

                             <TextBlock Grid.Row="4" Grid.Column="0" VerticalAlignment="Center" >Reminder:</TextBlock>
                             <StackPanel Grid.Row="4" Grid.Column="1" Orientation="Horizontal">

                                 <CheckBox VerticalAlignment="Center" Margin="3.5" ></CheckBox>
                                 <telerik:RadComboBox x:Name="Reminder" IsEditable="True" Margin="3.5"
                     ItemsSource="{Binding Location}" IsReadOnly="True" Grid.Column="1" Grid.Row="2" Width="140"  HorizontalAlignment="Left" />
                             </StackPanel>
                             <StackPanel Grid.Row="5" Grid.Column="1" Orientation="Horizontal" Margin="3.5">
                                 <Button Content="Save" Width="100"/>
                                 <Button Content="Cancel" Width="100" Margin="10,0,0,0"/>
                             </StackPanel>
                         </Grid>
                     </telerik:RadTabItem>
                 </telerik:RadTabControl>
             </telerik:RadPane>
         </telerik:RadPaneGroup>
     </telerik:RadSplitContainer>

Thanks,
Joe

[Viktor Tsvetkov]

Hello Joe Lozina,

Could you please examine the attached sample project and modify it to reproduce your issue, because I do not get such behavior?

Regards,
Viktor Tsvetkov
the Telerik team