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 default (white) background color of filter popup

Hi Team, Need help in making Grid Filter popup kind of opaque so that we can see data below it. PFA screenshot as well.


1 Reply

JC Joseph Christ Nithin Issack Syncfusion Team January 18, 2023 01:41 AM UTC

Hi Vijay,


  Greetings from Syncfusion support.


  Based on your query, you want to change the opacity of the filter popup so that you will be able to see the data behind the filter popup. Your requirement can be achieved by using the css in the actionComplete event of the EJ2 Grid.


Refer the below code example:

 

public actionComplete(args) {

    if (args.requestType == 'filterafteropen') {

      args.filterModel.dlgDiv.style.opacity = 0.6;

      args.filterModel.dlgDiv.querySelector('.e-dlg-content').style.background =

        'red';

      args.filterModel.dlgDiv.querySelector(

        '.e-footer-content'

      ).style.background = 'red';

    }

  }

 


Sample: https://stackblitz.com/edit/angular-rb8bch?file=src%2Fapp.component.html,src%2Fapp.component.ts


Regards,

Joseph I.



Loader.
Up arrow icon