We are using the generated "Search Experience" Search UI package , which is so useful!
It's a search bar on our website.
Now, we'd like to have a button so the website user can collapse/expand the search results, and expand them again. I am trying to use a bootstrap button with the "collapse" class, but I need to put an id on the target div to be collapsed.
Using the Layout component in the Search UI code, I see I can make the Results, or the Search Bar area collapse. But I really want collapse everything under the searchbar area, which is basically the whole sidebar + results + paging + filter areas.
The class on that area is 'sui-layout-body'.
So, I wonder if anyone has an idea on how I might put an id on the 'sui-layout-body' div. I don't see how I can modify that portion the way I can modify the other areas.
Any insights greatly appreciated!