RADRibbonButton Header display overlaps

[Victor]

I am really unhappy with the way RADRibbonView displays the header of a button and of a group. It the text is a little bit too long and wraps the second live overwrites the first line which looks bad (I ran into a similar issue with the Microsoft Ribbon and that was the main reason I choose Telerik). It looks good in design mode but goes wrong when I run the app.

Is there any way to prevent the RADRibbonButton from shrinking at runtime? Do I have to define a template?

Regards,
Peter

PS: I attached a screenshot of the Ribbon that shows what went wrong.

[Tina Stancheva]

Hello Victor,

Thank you for sending this snapshot. It looks as though you've customized the Font settings of the text, perhaps you've applied a bigger FontSize? If that is indeed the case, you need to keep in mind that the RibbonView control has a predefined Height and its font settings are defined to allow the Header/Text of the controls to be properly applied. This is why when you increase the FontSize of the text, it's best to change the predefined Height of the control so that the text can be properly displayed. You can change the Height of the SelectedTabContent element in the RibbonView ControlTemplate.

Give this a try and let me know if it helps.

Greetings,
Tina Stancheva
the Telerik team

[Victor]

Hello Tina,



I did not change the font size of the RadRibbonView of course (that would not be very clever).



What I am looking for the is a documentation of the RadRibbonGroupTemplate so I could choose  a different layout for a single Group.



Right now the header of a RadRibbonGroup gets only enough height that the text can be displayed. What I am looking for is a margin oder padding property.



I solved the "RadRibbonButton"-problem right now by choosing very short names so the header won't wrap. But thats not perfect either.



Kind regards,

Victor

[Victor]

I am using a  DataTemplate for the GroupHeader with StackPanel and a TextBlock inside but it doesn't make any difference.



What I want is a Header for the RadRibbonGroup where I can control the height.



I hope that is not too much to ask for.





regards,

Victor

[Tina Stancheva]

Hi Victor,

You can definitely change the Height of the RadRibbonGroup - you can take a look at this tutorial describing how to edit the default style and ControlTemplate of the groups. However, this might not get you the desired result as the RadRibbonView has a pre-defined Height by design. So even if you change the Height of the Groups, the RibbonView will limit the displayed area of the groups, so it might be better to modify the Height of the SelectedTabContent element in the RibbonView ControlTemplate. 

You can also send over a sample solution demonstrating your implementation and definition of the RibbonView control so that we can reproduce this issue locally and provide you with a solution.

Regards,
Tina Stancheva
the Telerik team