topic Re: Move Esri world geodocoder search bar in ArcGIS Web AppBuilder Questions

Move Esri world geodocoder search bar

CCWeedcontrol — Tue, 21 Feb 2017 16:58:27 GMT

I made some modifications to my application that includes making the log bigger and moving the zoom, home, locate button. Now the esri world geodocoder search bar is not position right. How do i move the esri world geodocoder search bar on my application?

Thanks.

Re: Move Esri world geodocoder search bar

RobertScheitlin__GISP — Tue, 21 Feb 2017 17:01:26 GMT

I thought I had answered this one already? You adjust the top property in the main config.json.

Re: Move Esri world geodocoder search bar

CCWeedcontrol — Tue, 21 Feb 2017 18:42:03 GMT

my bad i thought you meant that the question about the esri world geodocoder search bar was not part of my original question.

Re: Move Esri world geodocoder search bar

RobertScheitlin__GISP — Tue, 21 Feb 2017 18:46:06 GMT

So did adjusting the top property for the search widget take care of it for you?

Re: Move Esri world geodocoder search bar

CCWeedcontrol — Tue, 21 Feb 2017 19:02:45 GMT

Adjusting the themes/LaunchpadTheme/widgets/Header/Widget doesn't. The header moves but the esri world geodocoder search bar does not move with it.

Thanks.

Re: Move Esri world geodocoder search bar

RobertScheitlin__GISP — Tue, 21 Feb 2017 19:10:15 GMT

That is why you need to adjust the search widgets top property in the main config.json.

Re: Move Esri world geodocoder search bar

CCWeedcontrol — Wed, 22 Feb 2017 19:38:21 GMT

No matter what i change the position/left in "widgets/Search/Widget" nothing happens. I can change "left" to 0 or 330 or what ever nothing happens.

{
        "uri": "widgets/Search/Widget",
        "position": {
          "left": 0,
          "top": 55,
          "width": 300,
          "zIndex": 1,
          "relativeTo": "map"
        },
        "version": "2.3",
        "id": "widgets_Search_Widget_42",
        "name": "Search"
      },

Re: Move Esri world geodocoder search bar

RobertScheitlin__GISP — Wed, 22 Feb 2017 19:49:52 GMT

Ah,

I see now the whole time I have been talking about the top property and you are trying to adjust the left property which is being overwritten in the Header widgets code. The left for the search widget is set in the resize function of the Launchpad themes header widget Widget.js code.

There are several paths in the code depending on mobile or a standard browser and the amount of screen space available.

So you will have to choose your appropriate code path and adjust the line of code sets the search widgets dom style left property:

searchWidget.domNode.style.left = boxSizes.logoBox.w +
boxSizes.titleBox.w + boxSizes.subTitleBox.w + 15 + paddingLeft + 'px';

Re: Move Esri world geodocoder search bar

CCWeedcontrol — Thu, 16 Mar 2017 17:37:07 GMT

Got it thanks!