SearchPanes button markup - display:block

SearchPanes button markup - display:block

hgf_ithgf_it Posts: 8Questions: 4Answers: 0
edited March 2021 in SearchPanes

Please find a test case here: https://jsfiddle.net/alexcarter404/7fk142cy

The problem I am having is that when using the button approach with the searchPanes plugin, all the filters are displayed inside the popup vertically opposed to an inline-block layout. Looking at the markup, a style:block has been applied directly to the element. Is there a way to disable, override or workaround this?

Answers

  • hgf_ithgf_it Posts: 8Questions: 4Answers: 0

    This seems to be related to using bootstap 3 styling with Datatables, when I remove this then the searchPanes are styled correctly. Has anyone else ran in to/solved this problem?

  • sandysandy Posts: 913Questions: 0Answers: 236

    Hi @hgf_it ,

    The immediate problem seems to have been fixed already in the nightly builds - take a look at this example.

    That being said, the spacing between the panes seems to be off for me. I've raised an issue internally (DD-1920 for my reference) and will report back here when there is an update (probably on Friday).

    Thanks,
    Sandy

  • sandysandy Posts: 913Questions: 0Answers: 236
    edited March 2021

    Hi @hgf_it ,

    @colin just pointed out to me that you have searchPanes.layout set to 'columns-3' which explains the space between the two. If you set it to 'auto' then the space will disappear.

    I've closed the issue because of this.

    Thanks,
    Sandy

This discussion has been closed.