SearchPanes button markup - display:block

hgf_it

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?

hgf_it

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?

sandy

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

sandy

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