This is a migrated thread and some comments may be shown as answers.

Where to host the RibbonView?

14 Answers 352 Views
RibbonView and RibbonWindow
This is a migrated thread and some comments may be shown as answers.
Peter Meinl
Top achievements
Rank 1
Peter Meinl asked on 09 Jul 2011, 04:53 PM
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?

14 Answers, 1 is accepted

Sort by
0
Peter Meinl
Top achievements
Rank 1
answered on 10 Jul 2011, 02:26 PM
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.
0
Petar Mladenov
Telerik team
answered on 13 Jul 2011, 03:51 PM
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!

0
Guru
Top achievements
Rank 2
answered on 20 Jul 2011, 03:26 PM

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.


0
Petar Mladenov
Telerik team
answered on 25 Jul 2011, 12:59 PM
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!

0
Guru
Top achievements
Rank 2
answered on 25 Jul 2011, 02:33 PM
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.
0
Petar Mladenov
Telerik team
answered on 26 Jul 2011, 02:37 PM
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!

0
Guru
Top achievements
Rank 2
answered on 26 Jul 2011, 04:32 PM
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.

0
Petar Mladenov
Telerik team
answered on 29 Jul 2011, 02:27 PM
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 >>

0
hermann
Top achievements
Rank 1
answered on 18 Nov 2011, 09:02 PM
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.
0
Petar Mladenov
Telerik team
answered on 23 Nov 2011, 01:31 PM
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 >>

0
hermann
Top achievements
Rank 1
answered on 23 Nov 2011, 04:10 PM
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
0
Petar Mladenov
Telerik team
answered on 28 Nov 2011, 10:37 AM
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 >>

0
Paul
Top achievements
Rank 1
answered on 06 Jan 2012, 05:31 AM
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?
0
Petar Mladenov
Telerik team
answered on 10 Jan 2012, 03:59 PM
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 >>

Tags
RibbonView and RibbonWindow
Asked by
Peter Meinl
Top achievements
Rank 1
Answers by
Peter Meinl
Top achievements
Rank 1
Petar Mladenov
Telerik team
Guru
Top achievements
Rank 2
hermann
Top achievements
Rank 1
Paul
Top achievements
Rank 1
Share this question
or