hide specific control buttons in SearchPanes
hide specific control buttons in SearchPanes

I want to have only the collapse button for a searchpane, as I don't need the search function or sorting functionality. This approach comes close to a select dropdown field, which I want.
I tried to hide everything (controls: false) and wanted to just show the collapse buttons (collapse: true) but that didn't work.
searchPanes: {
cascadePanes: true,
controls: false,
collapse: true,
}
Is it possible to hide specific control buttons in a searchpane?
Reformating the searchpane to a <select> element doesn't work as I understand it.
This question has an accepted answers - jump to answer
Answers
searchPanes.orderable
can be used to hide the ordering icons.searchPanes.clear
can be used for the clear icon.You might need to use CSS if you want to search the search box but loose the magnifying class icon though.
Allan
Nice. That worked.
Is it possible to collapse the SearchPanes on a mobil view and expand it on Desktop only (starting from a certain breakpoint)?
You could use
searchPanes.initCollapsed
and change the value on initialisation based on the page width.Allan