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 Font size and size of the checkbox in the Listbox

Hello,
i am new to ej2 for .net mvc.
How can i change the font size and checkbox size in the Listbox ?
with best regards
Peter 

3 Replies

CI Christopher Issac Sunder K Syncfusion Team May 13, 2019 10:21 AM UTC

Hi Peter, 
 
Thank you for contacting Syncfusion support. 
 
We have checked your reported requirement “To change the font size and checkbox size in listbox”. And we would like to let you know that your requirement can be achievable in EJ2 ListBox as like in the below code example. 
 
Code Example: 
 
 /*for list customization*/ 
 .e-css.e-checkbox-wrapper .e-frame{ 
   height:20px; 
   width:20px; 
   line-height: 11px; 
} 
 /*for checkbox customization*/ 
 .e-listbox-wrapper{ 
    font-size:20px; 
} 
For your convenience, we have prepared the sample based on your requirement. Please find the link below. 
 
 
Could you please check the above sample and get back to us, if you need any further assistance on this. 

Thanks, 
Christo 



PR Peter Rosenstein May 13, 2019 07:48 PM UTC

Hello,
thank you for your reply, no i have an idee about the css use in ej2.

i modified you suggestion a little bit:

.e-css.e-checkbox-wrapper .e-frame {
    height15px;
    width15px;
    line-height15px;
}
 
.e-listbox-wrapper:not(.e-list-template) .e-list-item,
.e-listbox-wrapper .e-selectall-parent {
    font-size14px;
    height20px;
    line-height20px;
    padding0 10px;
    positionrelative;
}


PO Prince Oliver Syncfusion Team May 14, 2019 06:49 AM UTC

Hi Peter, 

Most welcome. We are glad that the issue is resolved in your end. 

Regards, 
Prince 


Loader.
Live Chat Icon For mobile
Up arrow icon