Coordinate + Scale widget for WAB Dev 1.3

[BarnabyRockwell]

Back in February 2015, Tim Witt released a modified Coordinate widget that also shows current map scale.  I took the scale-related elements of that widget and added them to the Esri Coordinate widget released with WAB Developer Edition 1.3.

Here's a screenshot of the widget working in an app made using WAB Dev 1.3:

To install, unzip and place "Coordinate" folder in the widget folder of your WAB Dev 1.3 app after deleting the stock Esri Coordinate widget:

WABdev_1.3\server\apps\#\widgets

I strongly recommend that you DO NOT replace the stock Esri Coordinate widget in the base widget folder (\WABdev_1.3\client\stemapp\widgets), as doing so will greatly complicate general app handling (e.g. duplicating, creating) and the importing of apps from WAB Dev 1.2.

Update April 1, 2016:  Initial testing suggests that this widget works in WAB Dev 2.0.

Update July 19, 2016:  Initial testing suggests that this widget works in WAB Dev 2.1.

[ThomasSpindler1]

I am using the Tab Theme.  Your app has same behavior in my browsers.  In Chrome, it looks like your screen shot above.  However, in IE 11:

[BarnabyRockwell]

Yes, same for me in IE 11.

[ThomasSpindler1]

The Foldable theme gives me the same outcome as the Tab theme.  Are you still installing it the same way?   In the server/apps/#/widgets folder?

[BarnabyRockwell]

Which outcome?  The coords/scale overlying the ruler?  Yes, the widget is installed as per first post.

[ThomasSpindler1]

Yes, when using Web AppBuilder 2.0 and Foldable theme.  Here is a test app:  ArcGIS Web App​

[BarnabyRockwell]

I've never seen that behavior and can't duplicate it.  You could try removing/re-adding the widget and playing around with the scalebar widget also.

[RobertScheitlin__GISP]

Thomas,

  The fix is simple (not sure how this got messed up though) in the apps config.json you currently have:

{

  "uri": "widgets/Coordinate/Widget",

  "position": {

  "left": 7,

  "bottom": 5,

  "relativeTo": "map"

  },

  "version": "2.0.1",

  "id": "widgets_Coordinate_Widget_4",

  "keepConfigAfterMapSwithched": false,

  "name": "Coordinate",

  "label": "Coordinate"

  },

Change it to:

{

  "uri": "widgets/Coordinate/Widget",

  "position": {

  "left": 200,

  "bottom": 5,

  "relativeTo": "map"

  },

  "version": "2.0.1",

  "id": "widgets_Coordinate_Widget_4",

  "keepConfigAfterMapSwithched": false,

  "name": "Coordinate",

  "label": "Coordinate"

  },

[BarnabyRockwell]

Thank you, Robert!  The "left" is 200 in all my apps, which I presume is the default, and I never changed that setting, or anything else in the app's config.json, for that matter.

	{
	"uri": "widgets/Coordinate/Widget",
	"position": {
	"left": 200,
	"bottom": 20,
	"relativeTo": "map"
	},
	"id": "widgets_Coordinate_Widget_4",
	"positionRelativeTo": "map",
	"name": "Coordinate",
	"label": "Coordinate",
	"version": "2.0.1",
	"keepConfigAfterMapSwithched": false
	},

Note that I imported the app (including Coordinate widget) from WD 1.3, and thus didn't create it from scratch in WD 2.0.

Cheers,

Barnaby

[RobertScheitlin__GISP]

Barnaby,

  I guess I have been misreading this conversation. I thought Thomas was the once having the overlap issue and providing the link to the site showing the issue?

[BarnabyRockwell]

Robert,

You are correct.  I just checked my config.json to see if my values matched yours.  I mentioned the importing as perhaps Thomas' config.json got messed up if he created a new app from scratch in 2.0.

Cheers,

Barnaby