topic Re: How to make the search bar open at start? in Web AppBuilder Custom Widgets Questions

How to make the search bar open at start?

BrandonPrice — Thu, 05 Oct 2017 22:13:25 GMT

Hello,

My search bar is closed by default in my map. I want it to be open by default (see attached file). I have also attached the css I got from using the inspect in chrome. Any suggestions?

Thanks in advance,

Brandon

https://community.esri.com/community/developers/web-developers/arcgis-api-for-javascript?sr=search&searchId=2c862503-7f18-495a-adab-51dc75b1ab4a&searchIndex=1‌

https://community.esri.com/community/gis/web-gis/storymaps?sr=search&searchId=e53fc37e-d742-4592-8072-be5d671210b7&searchIndex=0‌

https://community.esri.com/groups/html5-css-javascript-and-javascript-frameworks?sr=search&searchId=ff52481e-f60b-4337-a40c-f5de9869ffe0&searchIndex=0‌

https://community.esri.com/groups/responsive-design?sr=search&searchId=54cea869-84d3-4c0e-8984-7b5368f775b8&searchIndex=1‌

https://community.esri.com/community/gis/web-gis‌

https://community.esri.com/groups/web-appbuilder-custom-themes?sr=search&searchId=5ff408e2-8c71-40fd-b21d-1f70cf7b896d&searchIndex=1‌

Re: How to make the search bar open at start?

RobertScheitlin__GISP — Thu, 05 Oct 2017 23:57:52 GMT

Brandon,

I don't see an attached file and the WAB search widget is opened by default so this question has me scratching my head.

Re: How to make the search bar open at start?

BrandonPrice — Fri, 06 Oct 2017 14:28:10 GMT

Hi Robert,

The search bar is actually in a story map. Mine doesn’t open on default. I do not why the attachments were not attached. I have tried to attach them again.

Brandon

Re: How to make the search bar open at start?

RobertScheitlin__GISP — Fri, 06 Oct 2017 14:39:43 GMT

I don't do much work with story maps but if you know the file that the Search widget is created in the in the constructor there will be a enableButtonMode property or you can just invoke the expand() method on the Search dijit.

Re: How to make the search bar open at start?

BrandonPrice — Fri, 06 Oct 2017 15:25:46 GMT

Thanks Robert. I was able to do this in the viewer-min.js file of the story map by changing the enableButtonMode for the geocodercontainer from !0 to !1

Best,

Brandon

Re: How to make the search bar open at start?

RobertScheitlin__GISP — Fri, 06 Oct 2017 15:44:49 GMT

Great don't forget to mark this as answered then.

Re: How to make the search bar open at start?

BrandonPrice — Fri, 06 Oct 2017 15:46:10 GMT

Ok. Sounds good.

Re: How to make the search bar open at start?

RickeyFight — Sun, 12 Dec 2021 10:22:48 GMT

I was able to get this to work but would there be a way to make it stay the button version for mobile devices?

Code here:

function c() {
 var e = $(r.container).find(".geocoderBtn");
 f = n.createGeocoder({
 map: r,
 domNode: e.find(".geocoderContainer")[0],
 enableButtonMode: !0,
 searchOptions: o
 }).then(function (t) {
 a = t, e.find(".esriGeocoderContainer input, .esriGeocoderSearch").attr("tabindex", "-1")
 })
 }‍‍‍‍‍‍‍‍‍‍‍

Re: How to make the search bar open at start?

RickeyFight — Fri, 13 Oct 2017 20:21:42 GMT

Never mind I figured it out

Re: How to make the search bar open at start?

BrandonPrice — Fri, 13 Oct 2017 21:57:43 GMT

Hey Ricky,

Are you saying have it still be closeable? I haven’t figured that one out yet.

-Brandon

Re: How to make the search bar open at start?

RickeyFight — Fri, 13 Oct 2017 22:05:26 GMT

I have it closed on Mobile devices and open on desktop.

I am not sure we are talking about the same thing though.

Re: How to make the search bar open at start?

BrandonPrice — Fri, 13 Oct 2017 22:25:55 GMT

Oh I see. Makes sense.