Hello,
Thank you for your reply.
I attached the picture of what I want to achieve. I want that first tab control to be positioned center.
And here is a demo xaml:
<
UserControl
x:Class
=
"DemoDocking.MainPage"
mc:Ignorable
=
"d"
d:DesignHeight
=
"300"
d:DesignWidth
=
"400"
>
<
Grid
x:Name
=
"LayoutRoot"
Background
=
"White"
>
<
Grid.RowDefinitions
>
<
RowDefinition
Height
=
"25"
/>
<
RowDefinition
/>
</
Grid.RowDefinitions
>
<
Grid.ColumnDefinitions
>
<
ColumnDefinition
Width
=
"400*"
MinWidth
=
"400"
/>
</
Grid.ColumnDefinitions
>
<
telerik:RadDocking
Name
=
"MyDocking"
Grid.Row
=
"0"
Grid.RowSpan
=
"2"
Margin
=
"3,3,3,3"
HorizontalAlignment
=
"Stretch"
VerticalAlignment
=
"Stretch"
Background
=
"Transparent"
BorderThickness
=
"0"
Padding
=
"2"
>
<
telerik:RadSplitContainer
>
<
telerik:RadPaneGroup
>
<
telerik:RadPane
Header
=
"Pane 1"
>
<
telerik:RadTabControl
>
<
telerik:RadTabItem
Header
=
"Item1"
></
telerik:RadTabItem
>
<
telerik:RadTabItem
Header
=
"Item2"
></
telerik:RadTabItem
>
<
telerik:RadTabItem
Header
=
"Item3"
></
telerik:RadTabItem
>
</
telerik:RadTabControl
>
</
telerik:RadPane
>
</
telerik:RadPaneGroup
>
</
telerik:RadSplitContainer
>
<
telerik:RadSplitContainer
InitialPosition
=
"DockedBottom"
>
<
telerik:RadPaneGroup
>
<
telerik:RadPane
Header
=
"Pane 2"
>
<
telerik:RadTabControl
>
<
telerik:RadTabItem
Header
=
"Item1"
></
telerik:RadTabItem
>
<
telerik:RadTabItem
Header
=
"Item2"
></
telerik:RadTabItem
>
<
telerik:RadTabItem
Header
=
"Item3"
></
telerik:RadTabItem
>
</
telerik:RadTabControl
>
</
telerik:RadPane
>
</
telerik:RadPaneGroup
>
</
telerik:RadSplitContainer
>
</
telerik:RadDocking
>
</
Grid
>
</
UserControl
>