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: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
- The RibbonView designer displays properly
- Non navigation arrows
- The Quick Access Toolbar shows in the title bar.
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!
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"
xmlns:telerik
=
"http://schemas.telerik.com/2008/xaml/presentation"
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.
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.
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!
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.
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.
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!
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.
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.
Petar Mladenov
the Telerik team
Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get now >>
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.
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 >>
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
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 >>
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 >>