I'm working on an accessibility issue where when our application is viewed with the system text size set to 200% in a 1280x768 resolution screen, various of the buttons in the Ribbon are cut off/the text gets cut off. Do you think this is an issue that should be resolved in the styling of the buttons or the RibbonGroupBox ? I'm not sure which would make the most sense and/or be easier...
(screenshot above for reference of the issue)
That's a long standing issue as it's nearly impossible to get dynamic font sizes and correct layout working together.
For reference fluentribbon/Fluent.Ribbon#774
I had no increased interest in investing time in that issue as all applications i work on that use the ribbon use a fixed font size and offer built in scaling using layout transforms.
If you have any ideas on how to solve that issue i would be happy to talk about them.
For reference fluentribbon/Fluent.Ribbon#774
I had no increased interest in investing time in that issue as all applications i work on that use the ribbon use a fixed font size and offer built in scaling using layout transforms.
If you have any ideas on how to solve that issue i would be happy to talk about them.
Ah I see, thanks! Just out of curiosity could you explain a bit more about having a fixed font size and offering built in scaling using layout transforms? I'd like to better understand what the ideal environment for using the ribbon is since that could help me understand how to approach this. I also probably won't be spending time to work on this right now since I have other accessibility issues to resolve but I might revisit this in the future!
The showcase application of Fluent.Ribbon has such scaling.
It looks like this:
It looks like this:
Hello! I am trying to add a grid to one of my tab items in Backstage. I would like to visually modify the items in my grid in the editor but I am unable to open Backstage in the editor. Am I missing something? I have tried setting backstage to IsOpen="True" But this had no change.
@BeckerJason It doesn't work because of designer limitations. To prevent further issues during design time the backstage control has code to prevent opening in design mode.
You could use a separate user or custom control, design that and use it in the backstage or copy the code from there to the backstage when you are done designing.
You could use a separate user or custom control, design that and use it in the backstage or copy the code from there to the backstage when you are done designing.
Hi, I have some classes that build the ribbon menu. On the first tab I create, the header (depending on the language) is set and the first letter is taken as KeyTip automatically (I haven't set the KeyTip even once in my whole program), but only on the first. The later once I have to set by hand.
Is there anything I am missing? What should I do to automatically set the KeyTip on all Tabs and Buttons?
Is there anything I am missing? What should I do to automatically set the KeyTip on all Tabs and Buttons?
Hi all! Looking for some advice on how to style backstage tabs similar to the above image with the single underline (rather than the whole tab changing colour) Has anyone created a template for this before? Thanks!
2 replies
Hello, search a solution to add space between Icon and label text in RibbonButton like a margin. Thanks for help.
Good afternoon, dear developers. I made a small image collection viewer for Fluent.Ribbon.Showcase that looks something like this. This would make it easier in the future to work and fill the collection. Can this be included in your project?
This is a Design-Time Viewer
Yes @batzen , so I have a project with 32px and 16 px icon pngs, I use the 32px icons for bigger buttons on the ribbon and 16px for the smaller icons on the ribbon. When updating Fluent Ribbon it seems to have changed my buttons or items that are in combo boxes or drop downs. The combo boxes contain other buttons such as perspective changes. These buttons should have icons 32px in size but seem be using the 16px pngs instead.
If you need anymore info lmk.