We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Change size of all controls

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?

3 Replies

SP Sureshkumar P Syncfusion Team February 28, 2023 10:32 AM UTC

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


Sureshkumar P

MI Michele February 28, 2023 11:45 AM UTC

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?

SI Silambarasan I Syncfusion Team March 1, 2023 02:02 PM UTC

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.

Silambarasan Ilango

Live Chat Icon For mobile
Up arrow icon