tab height in UI for WPF RibbonView and RibbonWindow

Chom

56 posts

Member since:
Dec 2009

Posted 07 Jan 2013 Link to this post

Is there a way to increase the height of the tab size (below the title bar).

Thanks

Chom

Pavel R. Pavlov

Admin

1251 posts

Posted 10 Jan 2013 Link to this post

Hello Chom,

In order to achieve your goal you have to edit the default template of the RadRibbonView control. When you extract it you have to set the Height="50" property of the second row of Grid called "TopGrid" in the ControlTemplate targeting the RadRibbonView. Also, in order to maintain the appearance you have to set the following properties:

Margin="0,0,0,-50" of the StackPanel called ContextualGroupsHeaders
Height="50" of the Grid placed as first child of the ControlTemplate targeting the RadRibbonDropDownButton ApplicationButton

As you can see I assumed that you need to set the Height of the items to 50 pixels. For your convenience I extracted and edited the corresponding templates. Please take a look at the attached project and let me know if it works for you.

Kind regards,
Pavel R. Pavlov
the Telerik team

Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

RibbonView-WPF.zip

Chom

56 posts

Member since:
Dec 2009

Posted 10 Jan 2013 Link to this post

Hi Pavel,

Thanks for the infomation it was very helpful and is working. I modified the style in blend and now visual studio is compalaining that it cannot find the namespace tag xmlns:Primitives:"clr-........."
See attached screen shot:

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"

xmlns:Primitives="clr-namespace:Telerik.Windows.Controls.RibbonView.Primitives;assembly=Telerik.Windows.Controls.RibbonView"

xmlns:System="clr-namespace:System;assembly=mscorlib">

<Style x:Key="RadRibbonViewStyle1" TargetType="{x:Type telerik:RadRibbonView}">

<Setter Property="ItemsPanel">

<Setter.Value>

<ItemsPanelTemplate>

<Primitives:RibbonTabStripPanel IsItemsHost="True"/>

</ItemsPanelTemplate>

</Setter.Value>

</Setter>

<Setter Property="FocusManager.IsFocusScope" Value="True"/>

<Setter Property="IsTabStop" Value="False"/>

<Setter Property="Background" Value="#FFBFBFBF"/>

<Setter Property="Foreground" Value="#FF464646"/>

<Setter Property="FontSize" Value="10.8"/>

<Setter Property="TitleBarBackground">

Am not sure what is going on here as I have referenced the Telerik.Windows.Controls.RibbonView lib but cannot find any reference to the .Primitives lib.

If the Telerik.Windows.Controls.RibbonView.Primitives needs to be referenced, I cannot find th elib anywhere?

Thanks

Chom

Pavel R. Pavlov

Admin

1251 posts

Posted 15 Jan 2013 Link to this post

Hello Chom,

"Telerik.Windows.Controls.RibbonView.Primitives" is a namespace that can be found in the Telerik.Windows.Controls.RibbonView.dll. So if you have a reference for that dll you have to be able to access the namespace.
Your declaration is correct. So please make sure that you have included all needed dlls which are:

Telerik.Windows.Controls.RibbonView
Telerik.Windows.Controls.Input
Telerik.Windows.Controls.Navigation
Telerik.Windows.Controls
Telerik.Windows.Data

Actually, if you ever wonder which dlls you need when using a specific RadControl, you can look up in this help article.
If your dlls are correct, you can try closing all open XAML files in Visual Studio then clean and rebuild.

Hope this helps you. Don't hesitate to ask if you have any other questions.

Regards,
Pavel R. Pavlov
the Telerik team

Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

Chom

56 posts

Member since:
Dec 2009

Posted 15 Jan 2013 Link to this post

HI Pavel,

Yes for some reason although I had the namespace in the resource file it was not seeing the assembly.

When I closed down all my files and rebuilt the solution it looks as though everything is good.

Thanks for your help.

Regards,
Chom