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

7 posts, 1 answers
  1. Somogyi
    Somogyi avatar
    7 posts
    Member since:
    Jun 2011

    Posted 30 Sep 2011 Link to this post

    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!

  2. Pana
    Admin
    Pana avatar
    748 posts

    Posted 30 Sep 2011 Link to this post

    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
    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>
  3. DevCraft banner
  4. Somogyi
    Somogyi avatar
    7 posts
    Member since:
    Jun 2011

    Posted 03 Oct 2011 Link to this post

    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: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>
  5. Pana
    Admin
    Pana avatar
    748 posts

    Posted 07 Oct 2011 Link to this post

    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
    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>
  6. Somogyi
    Somogyi avatar
    7 posts
    Member since:
    Jun 2011

    Posted 10 Oct 2011 Link to this post

    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.
  7. Answer
    Pana
    Admin
    Pana avatar
    748 posts

    Posted 10 Oct 2011 Link to this post

    Hello,

    Does the following code help:
    <UserControl x:Class="SilverlightApplication7.MainPage"
            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
    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>
  8. Somogyi
    Somogyi avatar
    7 posts
    Member since:
    Jun 2011

    Posted 10 Oct 2011 Link to this post

    Hello,

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

    Best regards,
    Csaba
Back to Top
DevCraft banner