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.

Finde mehr Beiträge mit dem Tag

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!

Nimm an der Diskussion teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registriere ein kostenloses Konto.

Schnellzugriffe

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