Change size of all controls

[Michele]

Hello, in a blazor page I can change all the standard controls size simply changing the font size in the :root{} element of bootstrap.min.css file.

This work perfectly for default controls but not for syncfusion's which use a different bootstrap css.

In this css all size are fixed and not in rem so it seem I don't have the possibility to change everything in one shot. 

Is this correct?

[Sureshkumar P]

Hi Michele,

You can refer to the following documentation to achieve your requirement.

Documentation link: https://blazor.syncfusion.com/documentation/appearance/size-modes#change-font-size-for-all-components

Regards,

Sureshkumar P

[Michele]

Thanks Sureshkumar,

this works perfectly for the font used in controls but it doesn't change the control height which is still fixed.

Is it possible to customize it too using dimensions in rem?

[Silambarasan I]

Hi Michele,

Based on the provided details, your requirement to customize the appearance of all our components globally which is not feasible. It would be achievable by overriding the component CSS property on the application end.

Please get back to us with more details if you need further assistance.

Regards,
Silambarasan Ilango