Apply e-small settings to all controls

Hi,

How can I apply "e-small" settings to all controls, even for grid edit controls ?

Is the a simple way to achieve this without applying "e-small" class for all controls in my code and without overloading a multitude of css classes ? 

Regards

Fred


3 Replies 1 reply marked as answer

JL Joshna Lingala Uthama Reddy Lingala Syncfusion Team May 23, 2022 11:14 AM UTC

Hi Frederic,


Greetings from Syncfusion.


We can apply “e-small” for all the controls we can apply by adding all the controls under a single div element like below


 

<div class="e-small">

 

    //Code for all controls

 

</div>

 

<style>

    .e-small {

        font-size:small;

    }

</style>

 


Or we can apply font-size small for all the controls without using any div element like below


 

<style>

   

    .e-control, .e-control [class^='e-'], .e-control [class*=' e-'] {

 

    font-size:small;

 

    }

 

</style>

 


We have prepared a sample for you reference which you can download from the below link


Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/ServerApp-632549003


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


Kindly try with the above information and get back to us if you have any queries.


Regards,

Joshna L


Marked as answer

FF Frederic FOURGEOT May 23, 2022 05:18 PM UTC

Many thanks



JL Joshna Lingala Uthama Reddy Lingala Syncfusion Team May 24, 2022 07:54 AM UTC

Hi Frederic,


Welcome…!


Please get back to us if you need further assistance.


Regards,

Joshna L


Loader.
Up arrow icon