why "DockedCenter" property is missing from telerik:RadSplitContainer?

[Somogyi]

Hello!

I have a RadDocking control containing 2 RadSplitContainer. I want to set the first container InitialPosition to "DockedCenter" and the second container InitialPosition would be "DockedBottom."

The problem is that there is no  "DockedCenter" property...

Is there a way to achieve this behavior from code?

Thank you very much!

[Pana]

Hello,

I am almost sure that you either want to set the orientation of the parent RadSplitContainer to Vertical OR put the first one in the DocumentHost area of the RadDocking.

Perhaps if you could send us a scheme where do you want to position the panes I would be able to give you better direction how to achieve the layout you desire.

Greetings,
Pana
the Telerik team

[Somogyi]

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"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
    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>

[Pana]

Hi Somogyi,

Do you refer to the "Pane 1" or "Item 1", "Item 2", "Item 3"? As far as I understand you want these buttons moved to the center like in the attached pictiure?

Greetings,
Pana
the Telerik team

[Somogyi]

NO, no, no

You completely misunderstood me. Please copy my xaml I previously shared  and see that the first pane is docked left by default. I want to achive the positions of my first picture. And for that I would have to set <telerik:RadSplitContainer InitialPosition="DockedCenter">. And this is not posible.

[Pana]

Hello,

Does the following code help:

<UserControl x:Class="SilverlightApplication7.MainPage"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
        mc:Ignorable="d"
        d:DesignHeight="300" d:DesignWidth="400">

    <Grid x:Name="LayoutRoot" Background="White">
        <telerik:RadDocking>
            <telerik:RadDocking.DocumentHost>
                <telerik:RadPaneGroup>
                    <telerik:RadPane Header="Pane 1">
                        <telerik:RadTabControl>
                            <telerik:RadTabItem Header="Item 1" />
                            <telerik:RadTabItem Header="Item 2" />
                            <telerik:RadTabItem Header="Item 3" />
                        </telerik:RadTabControl>
                    </telerik:RadPane>
                </telerik:RadPaneGroup>
            </telerik:RadDocking.DocumentHost>
            <telerik:RadSplitContainer InitialPosition="DockedBottom">
                <telerik:RadPaneGroup>
                    <telerik:RadPane Header="Pane 2">
                        <telerik:RadTabControl>
                            <telerik:RadTabItem Header="Item 1" />
                            <telerik:RadTabItem Header="Item 2" />
                            <telerik:RadTabItem Header="Item 3" />
                        </telerik:RadTabControl>
                    </telerik:RadPane>
                </telerik:RadPaneGroup>
            </telerik:RadSplitContainer>
        </telerik:RadDocking>
    </Grid>
</UserControl>

Using it the dock displays exactly as in your image.

Greetings,
Pana
the Telerik team

[Somogyi]

Hello,

Thank you Pana!
That is what I wanted to do.

Best regards,
Csaba