nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

How do I collapse the search widget in 4.x?

MattStayner

How do I collapse the search widget in 4.x? I would like it to be like the search widget in 3.x, where it starts as a square button only, and expands out to show the entire widget once the user clicks on it.

Vind meer berichten getagd met

Accepted answers

IGCMCGIS

Hi @MattStayner ,

You could try and implement the Expand funtion as shown in the following config page.(https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Expand.html)

There's a sample showcasing the implementaton of this functionality on a Layer List widget.

This should work with the search widget in 4.x as well.

All comments

BenElan

You can use the Expand widget:

https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Expand.html

IGCMCGIS

Hi @MattStayner ,

You could try and implement the Expand funtion as shown in the following config page.(https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Expand.html)

There's a sample showcasing the implementaton of this functionality on a Layer List widget.

This should work with the search widget in 4.x as well.

MattStayner

Hi @IGCMCGIS ,

Yes, throwing that in an Expand widget works great! It looks good too (see below).

Thanks!

IGCMCGIS

Glad it works @MattStayner . Looks good too!

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.