Change Font size and size of the checkbox in the Listbox

[Peter Rosenstein]

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 

[Christopher Issac Sunder K]

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. 

 

Sample Link: https://stackblitz.com/edit/ndi2kw?file=index.ts 

 

Could you please check the above sample and get back to us, if you need any further assistance on this. 

Thanks, 

Christo 

[Peter Rosenstein]

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 {
    height: 15px;
    width: 15px;
    line-height: 15px;
}
 
.e-listbox-wrapper:not(.e-list-template) .e-list-item,
.e-listbox-wrapper .e-selectall-parent {
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
    position: relative;
}

[Prince Oliver]

Hi Peter, 

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

Regards, 

Prince