topic How do I collapse the search widget in 4.x? in ArcGIS JavaScript Maps SDK Questions

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

MattStayner — Thu, 03 Jun 2021 19:11:15 GMT

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.

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

BenElan — Thu, 03 Jun 2021 19:21:44 GMT

You can use the Expand widget:

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

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

IGCMCGIS — Thu, 03 Jun 2021 19:22:12 GMT

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.

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

MattStayner — Fri, 04 Jun 2021 21:17:16 GMT

Hi @IGCMCGIS ,

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

Thanks!

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

IGCMCGIS — Sat, 05 Jun 2021 05:12:41 GMT

Glad it works @MattStayner . Looks good too!