Results 1 to 6 of 6

Thread: Apply custom theme to grid filters

  1. #1
    Sencha User
    Join Date
    Sep 2017
    Posts
    19

    Default Apply custom theme to grid filters

    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

  2. #2
    Sencha - Forum Administrator
    Join Date
    Sep 2017
    Posts
    1,006
    Answers
    5

    Default

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

  3. #3
    Ext Support Team
    Join Date
    Jan 2018
    Posts
    569
    Answers
    7

    Default

    Quote Originally Posted by ashok9 View Post
    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

  4. #4
    Sencha User
    Join Date
    Sep 2017
    Posts
    19

    Default

    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.

  5. #5
    Sencha User
    Join Date
    Sep 2017
    Posts
    19

    Default

    Hi Team,

    Any update ?


    Thanks,
    Ashok.

  6. #6
    Ext Support Team
    Join Date
    Jan 2018
    Posts
    569
    Answers
    7

    Default

    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.

Similar Threads

  1. Replies: 0
    Last Post: 14 Aug 2015, 11:51 AM
  2. custom filters in grid
    By quentin.manfroi in forum Ext: Q&A
    Replies: 2
    Last Post: 20 Apr 2012, 2:17 AM
  3. custom grid filters on startup
    By franciscoluiz in forum Ext 3.x: Help & Discussion
    Replies: 8
    Last Post: 5 Jan 2011, 9:20 AM

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •