Showing results for 
Search instead for 
Did you mean: 
Advocate V
Advocate V

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

New Badges

New Solution Badges!

Check out our new profile badges recognizing authored solutions!

New Power Super Users


We are excited to announce the Power Apps Super Users!

Power Apps Community Call

Power Apps Community Call: February

Did you miss the call? Check out the Power Apps Community Call here.

Microsoft Ignite

Microsoft Ignite

Join digitally, March 2–4, 2021 to explore new tech that's ready to implement. Experience the keynote in mixed reality through AltspaceVR!

Users online (61,680)