RADRibbonButton Header display overlaps

5 posts, 0 answers
  1. Victor
    Victor avatar
    13 posts
    Member since:
    Jan 2009

    Posted 14 Aug 2012 Link to this post

    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.
  2. Tina Stancheva
    Admin
    Tina Stancheva avatar
    3298 posts

    Posted 17 Aug 2012 Link to this post

    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.

  3. UI for WPF is Visual Studio 2017 Ready
  4. Victor
    Victor avatar
    13 posts
    Member since:
    Jan 2009

    Posted 22 Aug 2012 Link to this post

    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

  5. Victor
    Victor avatar
    13 posts
    Member since:
    Jan 2009

    Posted 22 Aug 2012 Link to this post

    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

  6. Tina Stancheva
    Admin
    Tina Stancheva avatar
    3298 posts

    Posted 27 Aug 2012 Link to this post

    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.

Back to Top
UI for WPF is Visual Studio 2017 Ready