Apply custom theme to grid filters

[ashok9]

Hi Team,

How can I apply/specify some custom theme for all grid filters ? For Ex: Grid is in triton theme and for the filters I need crisp theme


Thanks,
Ashok

[Forum_Adm]

Hi Ashok- I just sent this over to the folks at support and they will get back with you. Thanks for your patience!

[rakumar]

How can I apply/specify some custom theme for all grid filters ? For Ex: Grid is in triton theme and for the filters I need crisp theme

This is possible only when you use override specify theme (crisp theme) css in scss file in your application.

Hope this will help you

Thanks,
Kumar

[ashok9]

Yes, I'm specifying crisp theme but it doesn't get applied for filters dropdown/search bar in ext js grid.

.MyCrisp .x-menu-item-default.x-menu-item-active {
background-image: none;
background-color: #d6e9f6;
}

In our application all theme files(crisp,triton) get loaded at once ,only some parts of the application like grid and pivot grid use this theme.

Thanks,
Ashok.

[ashok9]

Hi Team,

Any update ?


Thanks,
Ashok.

[rakumar]

Hello Ashok,

Please accept our apologies for the delay.

If you want different theme (crisp theme) package background and style in some specific place then you need to override CSS class and manually copy all respective background image icons in your triton theme package <app>\ext\classic\theme-crisp\resources\images.


Another way around is that you need to grid own "ui" class and apply to your component.


Reference doc: https://docs.sencha.com/extjs/6.6.0/...c_theming.html


Regards,
Kumar
Sencha Support.