How do I turn off the background fade for searchbuilder and searchpanes?

How do I turn off the background fade for searchbuilder and searchpanes?

hm123hm123 Posts: 84Questions: 27Answers: 1

Link to test case: https://live.datatables.net/qihunilo/1/

Description of problem: While it is possible to turn off the background fade for buttons like colvis, collections and pagelength, the same settings when applied to searchbuilder and searchpanes seem to have no such effect. Is there another configuration to do this without messing with the css, or does this need to be fixed?

Also, I notice that the second searchbuilder at the bottom does not seem to work at all until the searchbuilder at the top it is removed first.

And when the second searchpanes at the bottom is clicked, the entire bottom row of buttons is moved all the way to the left instead of staying where they are in the middle.

And if either of the two searchpanes are clicked first, the other one to be clicked on second doesnt work at all.

This question has an accepted answers - jump to answer

Answers

  • allanallan Posts: 63,516Questions: 1Answers: 10,472 Site admin
    Answer ✓

    At the moment it isn't possible without a little tweak in the source code. The searchPanes and searchBuilder do not extend the collection button, but rather call button().popover().

    This is the relevant part of the code where you could add the background: false option.

    I'll look into option for how to do that in future, or perhaps just extend from collection which might be better.

    Also, I notice that the second searchbuilder at the bottom does not seem to work at all until the searchbuilder at the top it is removed first.

    I'll need to look into that. I'm not sure how much multi-instance initialisation testing has been done for SearchBuilder / SearchPanes.

    And when the second searchpanes at the bottom is clicked, the entire bottom row of buttons is moved all the way to the left instead of staying where they are in the middle.

    That's annoying and I need look into that. For now:

    div.dt-layout-full div.dt-buttons {
      width: 100%;
    }
    

    Regards,
    Allan

Sign In or Register to comment.