Fluent Theme cropping letters

3 posts, 1 answers
  1. Richard
    Richard avatar
    122 posts
    Member since:
    Feb 2009

    Posted 26 Oct 2020 Link to this post

    This is a small issue and it might just be my issue with a rouge style somewhere. 

    If I add a 'RadRibbonDropDownButton', that has a RadGlyph as it's image then letters with descenders like 'g' and 'j' get their tails cropped ever so slightly. 

    It doesn't happen with the 'RadRibbonSplitButton' and I have not tired other themes.  It's a very minor issue but it does catch the eye when you are reading buttons on the ribbon. 

    Screenshots attached of the issue and zoomed in 400% , notice the tails j and g's of the dropdown button on the right. 

    Thanks,

    Richard

     

  2. Answer
    Dinko
    Admin
    Dinko avatar
    1259 posts

    Posted 29 Oct 2020 Link to this post

    Hi Richard,

    Thank you for the provided image.

    You are right that the letters are cropped. This comes from the RibbonDropDownButton settings in the Fluent theme. You can easily workaround this by increasing the content height of the RadRibbonView. You can set the ContentHeight property to 115.

    <telerik:RadRibbonView x:Name="ribbon" ContentHeight="115">

    Regards,
    Dinko
    Progress Telerik

    Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

  3. Richard
    Richard avatar
    122 posts
    Member since:
    Feb 2009

    Posted 29 Oct 2020 in reply to Dinko Link to this post

    Thanks Dinko, that's has worked for me.

    Cheers,

    Richard

Back to Top