Showing results for 
Search instead for 
Did you mean: 
Kudo Collector
Kudo Collector

Fluent UI controls disproportionate in canvas



Does anybody know how to fix the disproportion between Fluent UI controls while in canvas apps?




Hi - I think this is because you have the 'Scale to fit' setting on in your Canvas App - this will make all the native Canvas App controls grow to use the available space - but you PCF Fluent control won't do this unless you monitor the screen resolution and scale accordingly.



Definitely would be nice if there is "resolution conversion formula" for fluent-ui controls. But the controls themselves would also need to have feature to change size based on the resolution.

I think I will suggest this feature. 

This is not only for Fluent UI. I created my own React Control and it doesn't scale properly. @ScottDurow any suggestions/changes that should be done on the PCF control themselves?

Power Maverick | Microsoft Business Application MVP

Helpful resources

UG GA Amplification 768x460.png

Launching new user group features

Learn how to create your own user groups today!

Community Connections 768x460.jpg

Community & How To Videos

Check out the new Power Platform Community Connections gallery!

M365 768x460.jpg

Microsoft 365 Collaboration Conference | December 7–9, 2021

Join us, in-person, December 7–9 in Las Vegas, for the largest gathering of the Microsoft community in the world.

Users online (3,233)