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

After using the javascript theme studio, filter checkboxes for Grid does not show as checked.

I have created a theme studio theme and the check boxes no longer display the checked image.  

i have checked the old out of the box theme and it is working fine.

Is there a bit of CSS that i need to be adding in to make this work?

2 Replies

MR Mike Rosenberger November 18, 2015 04:38 PM UTC

I have insterted the following css from the out of the box css file and all is well

.e-chkbox-wrap.e-focus div>span {
    box-shadow: 0 0 2px #cbcbcb

.e-chkbox-wrap div>span {   
    border-color: #bbbcbb;   
    background-color: #fff   
.e-chkbox-wrap .e-chk-image {
    background-image: url(images/checkedtick.png);
    background-repeat: no-repeat;  
    background-position: 0 -50px

.e-chkbox-wrap .e-chk-image.e-chk-indetericon {  
    background-image: url("images/gradient.png");  
    background-repeat: repeat;    
    background-position: 0

.e-chkbox-wrap .e-chkbox-small .e-chk-act .e-chk-image.e-chk-activeicon {
    background-position: -1px -21px

.e-chkbox-wrap .e-chkbox-medium .e-chk-act .e-chk-image.e-chk-activeicon {
    background-position: 2px 2px   

.e-chkbox-wrap .e-text {  
    font-family: Segoe UI;    
    font-size: 12px  

BM Balaji Marimuthu Syncfusion Team November 19, 2015 10:03 AM UTC

Hi Mike, 

Thanks for using Syncfusion products.

We have created themes using theme studio and checked the reported issue, but we are unable to reproduce the issue. We have faced the “Custom filter menu CSS is not applied in the Grid excel filter dialog” issue and logged a defect report. A support incident has been created under your account to track the status of this requirement. Please log on to our support website to check for further updates. 


Please refer the below queries and share the details, 

1. Have you downloaded the Grid CSS alone or along with any other controls from the filter option?       

Share the steps to download the Grid CSS in ThemeStudio.

2.    Screenshot of the filter dialog check box that doesn’t have the checked image.

3.    Your downloaded file and provide more information regarding the reported issue to analyze and provide a solution as early as possible.

Balaji Marimuthu

Live Chat Icon For mobile
Up arrow icon