Where to host the RibbonView?

15 posts, 0 answers
  1. Peter Meinl
    Peter Meinl avatar
    35 posts
    Member since:
    Jan 2010

    Posted 09 Jul 2011 Link to this post

    I which control are we supposed to host the RibbonView?
    The documentation uses a UserControl.

    In my test this results in navigation arrows being displayed and the Quick Access Toolbar not being shown in the windows title bar.
    See screenshot attached.

    <UserControl x:Class="MainWindow"
                 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                 xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
                 xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
                 mc:Ignorable="d"
                 d:DesignHeight="300" d:DesignWidth="300">
        <Grid>
            <Grid x:Name="LayoutRoot" Background="White">
                <telerik:RadRibbonView>
                    <telerik:RadRibbonView.QuickAccessToolBar>
                        <telerik:QuickAccessToolBar>
                            <telerik:RadRibbonButton Text="Save" Foreground="White"/>
                        </telerik:QuickAccessToolBar>
                    </telerik:RadRibbonView.QuickAccessToolBar>
                </telerik:RadRibbonView>
            </Grid>
        </Grid>
    </UserControl>

    Are we supposed to use the RibbonWindow?
  2. Peter Meinl
    Peter Meinl avatar
    35 posts
    Member since:
    Jan 2010

    Posted 10 Jul 2011 Link to this post

    Hosting the RibbonView in a UserControl and hosting the UserControl in an RadRibbonWindow works:
    • The RibbonView designer displays properly
    • Non navigation arrows
    • The Quick Access Toolbar shows in the title bar.
  3. UI for WPF is Visual Studio 2017 Ready
  4. Petar Mladenov
    Admin
    Petar Mladenov avatar
    2891 posts

    Posted 13 Jul 2011 Link to this post

    Hi Peter Meinl,


    The common way of using the RadRibbonView  ( and RadRibbonBar) is to nesting it in RadRibbonWindow.
    The UserControl in the documentation is not a requirement. On the other hand, the Navigation arrows you have encountered come from a parent WPF Control that you use, they are not part of the RibbonView. Let us know if you need more info.

    All the best,
    Petar Mladenov
    the Telerik team

    Register for the Q2 2011 What's New Webinar Week. Mark your calendar for the week starting July 18th and book your seat for a walk through of all the exciting stuff we will ship with the new release!

  5. Zack
    Zack avatar
    112 posts
    Member since:
    Jun 2012

    Posted 20 Jul 2011 Link to this post

    Can you show us a simple example to make the main window of an app have a ribbon view?

    Ours needed to simply have a ribbon on top, docking in middle and simple status bar on bottom...

    <telerik:RadRibbonWindow x:Class="RibbonTestApp.WindowMain"
            WindowState="Minimized" /> <!-- (on window_loaded I maximize it) -->
    <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" />
                <RowDefinition Height="*" />
                <RowDefinition Height="Auto" />
            </Grid.RowDefinitions>
      
            <!-- Ribbon -->
            <telerik:RadRibbonView Grid.Row="0"> </telerik:RadRibbonView>
      
            <!-- *************************************** Main Docking System -->
            <telerik:RadDocking Grid.Row="1" > </telerik:RadDocking>
      
            <!-- *************************************** Bottom Status Bar -->
            <StackPanel Grid.Row="2"> </StackPanel>
              
        </Grid>
    </telerik:RadRibbonWindow>

    But when I run it, things are buggy.
    I start my app maximized and when it starts you can't see the ribbon at all.
    If you unmaximize it then you can see the ribbon.
    If you add a QuickAccessToolbar it shows up over the top of the window and you can see the normal window icon and title behind it.


  6. Petar Mladenov
    Admin
    Petar Mladenov avatar
    2891 posts

    Posted 25 Jul 2011 Link to this post

    Hi Zack,

     We logged this as a bug in PITS under name RibbonView: Does not show correctly when placed in RadRibbonWindow with WindowState set to Minimized .
    We also updated your telerik account points. Thank you for your cooperation.

    Kind regards,
    Petar Mladenov
    the Telerik team

    Register for the Q2 2011 What's New Webinar Week. Mark your calendar for the week starting July 18th and book your seat for a walk through of all the exciting stuff we will ship with the new release!

  7. Zack
    Zack avatar
    112 posts
    Member since:
    Jun 2012

    Posted 25 Jul 2011 Link to this post

    Thanks for logging the minimized issue as a PITS.
    But I would really like to know the appropriate way in VS2010 WPF C# application to simply make the main window a ribbon view window. Do you need to host it in a usercontrol? I am trying to simply make the main window a radribbonwindow and it doesn't seem to work as expected. Your documentation shows how to make it a usercontrol but nothing shows how to simply make you main window a ribbonview.
  8. Petar Mladenov
    Admin
    Petar Mladenov avatar
    2891 posts

    Posted 26 Jul 2011 Link to this post

    Hello Zack,

     Could you please confirm that you follow this help article ?
    I prepared a sample video for you showing how to achieve this. Let us know if it helped you.

    All the best,
    Petar Mladenov
    the Telerik team

    Register for the Q2 2011 What's New Webinar Week. Mark your calendar for the week starting July 18th and book your seat for a walk through of all the exciting stuff we will ship with the new release!

  9. Zack
    Zack avatar
    112 posts
    Member since:
    Jun 2012

    Posted 26 Jul 2011 Link to this post

    Thank you for this effort, it is actually exactly how I set mine up already but I guess I was expecting a different result.
    I notice in your app you leave out the windows icon which hides the icon of the window.
    I assumed with the RadRibbonWindow you could have an application icon and use the ribbon and the icon would not show on the window but it would in you taskbar etc... and if I run the app this way on a windows XP machine it makes the header of the window look really funny (image attached).

    So can you tell me the intended way to use a RibbonView?

    It seems to be based on a office 2010 ribbon, so I guess I imagined it would look the same if it was in a window...
    You don't have to make a video or tutorial just a simple explanation will do for me.

  10. Petar Mladenov
    Admin
    Petar Mladenov avatar
    2891 posts

    Posted 29 Jul 2011 Link to this post

    Hello Zack,

     Using the RadRibbonWindow in XP leads to the issues you have come up width.  We have previously logged this item in our PITS:
    RibbonView: MinMaxClose buttons of the RadRibbonWindow in Windows XP are aligned to bottom
    The windows in Windows XP are designed in a different way than those in Windows7 and basically this is the reason for the mentioned problems.
    You can vote for it in order to increase its development priority. Please excuse us for the inconvenience caused.

    Greetings,
    Petar Mladenov
    the Telerik team

    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get now >>

  11. hermann
    hermann avatar
    43 posts
    Member since:
    Jun 2011

    Posted 18 Nov 2011 Link to this post

    Hello Petar,
    for me the question is:
    why do I need to have a view *AND* a window to show a view?
    I think this is the confusing thing for many of us user/developers.
  12. Petar Mladenov
    Admin
    Petar Mladenov avatar
    2891 posts

    Posted 23 Nov 2011 Link to this post

    Hi Hermann,

     The RadRibbonWindow is designed to replace the normal Window used as a host in most WPF applications. It is not necessary, it just makes the UI smoother and more elegant.

    Greetings,
    Petar Mladenov
    the Telerik team

    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

  13. hermann
    hermann avatar
    43 posts
    Member since:
    Jun 2011

    Posted 23 Nov 2011 Link to this post

    Hi,
    if I look at the "Getting Started" section of RadRibbonView it tells me,
    that is tremendiously easy to integrate the RibbonView into my App.
    Please see the attached image.
    All I need is a UserControl and a Grid -
    What it not tells is, that exactly this approach will not work in the MainWindow
    (which probably 99% of us developers will try first).
    You cannot usefully layout a RibbonView in a Grid in MainWindow - without RibbonWindow.
    So please can you adjust the Getting Started info section.

    Thank you,
    Hermann
  14. Petar Mladenov
    Admin
    Petar Mladenov avatar
    2891 posts

    Posted 28 Nov 2011 Link to this post

    Hi Hermann,

     We appreciate your feedback on the matter. The "Getting Started" section in our documentation articles mostly helps how to start using the control in the fastest  or easiest way. The purpose of RadRibbonWindow is to allow to have a smoother UI when hosting the RadRibbonView at the root level of the application. We'll add a Note in the "Getting Started" section of the RibbonView documentation that will inform for the option of using the RadRibbonWindow as a parent container. Thank you for your cooperation.

    Greetings,
    Petar Mladenov
    the Telerik team

    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

  15. Paul
    Paul avatar
    1 posts
    Member since:
    Dec 2011

    Posted 05 Jan 2012 Link to this post

    This is what Is hapening to me. I have a MVVMLight Window. I have a ribbonview control with a docking container below it. Unless the window is maximized, the ribbonview does not show up. Is this a bug or something?
  16. Petar Mladenov
    Admin
    Petar Mladenov avatar
    2891 posts

    Posted 10 Jan 2012 Link to this post

    Hi Gregg,

     When the parent window' Width is less than 320 the RadRibbonView disapears which is expected by design. I can  see that initially, the MVVM Light's Application Window is 300x300. You can see that making it 400x400 loads the RibbonView initially.

    Regards,
    Petar Mladenov
    the Telerik team

    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

Back to Top
UI for WPF is Visual Studio 2017 Ready