Ribbon Window - What about the contents?

2 posts, 0 answers
  1. Joel
    Joel avatar
    2 posts
    Member since:
    Mar 2013

    Posted 16 Mar 2013 Link to this post


    My trial is going well. But, I am a bit confused with the 'ribbon window'. 

    I have replaced my standard MainWindow - with a RibbonWindow - this works. 

    However, I would then like to add contents below my ribbon. I would like to match the following structure:
    Ribbon Window
    Dockable panels

    I have managed to get the contents to appear under the ribbon using the grid element with a defined margin parameter:

    <Grid Grid.Row="1" VerticalAlignment="Top" HorizontalAlignment="Center" Width="auto" Margin="0 150 0 0">
             <telerik:RadDocking x:Name="radDocking">

    However, there must be a better method. Also, I am generally confused about how layout and size works within Telerik. I have set my width to 'auto' this automatically resizes the grid to fit the contents - what if I want the grid to be 100% of the available width?
  2. Kiril Vandov
    Kiril Vandov avatar
    323 posts

    Posted 20 Mar 2013 Link to this post

    Hi Joel,

    You could set content below the ribbon simply by placing the ribbon in a Grid with two rows, the first one for the RadRibbonView and the second row for the content below it.
    As for the layout and size question we are following the default behavior for layout and sizing. Setting properties as: HorizontalAlignment and VerticalAlignment to the controls inside the Grid not to the grid itself as by default the Grid is sized to its parent (its VerticalAlignment/HorizontalAlignment properties by default are set to Stretch).

    I have attached a sample project demonstrating this approach.

    Kind regards,
    Kiril Vandov
    the Telerik team

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

  3. DevCraft R3 2016 release webinar banner
Back to Top