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

RADRibbonButton Header display overlaps

4 Answers 68 Views
RibbonView and RibbonWindow
This is a migrated thread and some comments may be shown as answers.
Victor
Top achievements
Rank 1
Victor asked on 14 Aug 2012, 08:03 AM
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.

4 Answers, 1 is accepted

Sort by
0
Tina Stancheva
Telerik team
answered on 17 Aug 2012, 12:19 PM
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

Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

0
Victor
Top achievements
Rank 1
answered on 22 Aug 2012, 12:14 PM
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

0
Victor
Top achievements
Rank 1
answered on 22 Aug 2012, 02:27 PM
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

0
Tina Stancheva
Telerik team
answered on 27 Aug 2012, 11:55 AM
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

Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

Tags
RibbonView and RibbonWindow
Asked by
Victor
Top achievements
Rank 1
Answers by
Tina Stancheva
Telerik team
Victor
Top achievements
Rank 1
Share this question
or