topic Re: Coordinate + Scale widget for WAB Dev 1.3 in Web AppBuilder Custom Widgets Questions

Coordinate + Scale widget for WAB Dev 1.3

BarnabyRockwell — Wed, 27 Jan 2016 19:40:46 GMT

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.

Re: Coordinate + Scale widget for WAB Dev 1.3

RebeccaStrauch__GISP — Wed, 27 Jan 2016 20:08:23 GMT

added to Web AppBuilder Developer Edition - Customization Resource List

Re: Coordinate + Scale widget for WAB Dev 1.3

KarmielVardit — Tue, 03 May 2016 10:45:11 GMT

Thanks for the widget! I have a problem that the current map scale is switch.

For example, 50,000:1 instead of 1:50,000. My application is in Hebrew but I didn’t do any changes in the widget. Do you have any idea what can I do for fix it? It will be very helpful.

Thank you very match.

Re: Coordinate + Scale widget for WAB Dev 1.3

RobertScheitlin__GISP — Tue, 03 May 2016 12:01:28 GMT

Karmiel,

Hebrew is a right to Left language so is that not the correct way for it to display? The WAB does RTL changes on its own based on language used.

Re: Coordinate + Scale widget for WAB Dev 1.3

KarmielVardit — Tue, 03 May 2016 13:02:08 GMT

Indeed, the letters we write from right to left but numbers and international expressions we write from left to right. So there is no way to change this as long as my application in Hebrew? Maybe there is a few lines in the code that you can direct me to change to force the change of it?

Sorry if I bother you…

Re: Coordinate + Scale widget for WAB Dev 1.3

RobertScheitlin__GISP — Tue, 03 May 2016 13:25:32 GMT

Karmiel,

No bother at all. Here is the simplest way in the Widget.html find the scaleInfo div and add the style rule to force ltr instead of rtl:

Your scale

</div>

Re: Coordinate + Scale widget for WAB Dev 1.3

KarmielVardit — Tue, 03 May 2016 13:48:56 GMT

It worked!!! Thank you very much!!

Re: Coordinate + Scale widget for WAB Dev 1.3

BarnabyRockwell — Tue, 03 May 2016 16:45:13 GMT

What would we do without Robert?

Re: Coordinate + Scale widget for WAB Dev 1.3

ThomasSpindler1 — Mon, 23 May 2016 21:35:34 GMT

Hello Barnaby,

Love this widget, was using it in 1.3 without issue. However, in 2.0, the ruler and the coordinates/scale are being placed on top of one another. Is this correctable? I also posted below, the differences I noticed between browsers in 1.3. Thanks for the work you do!

2.0

1.3

Re: Coordinate + Scale widget for WAB Dev 1.3

BarnabyRockwell — Mon, 23 May 2016 21:56:10 GMT

Hi Tom,

In my WD 2.0 apps, the coords and scale are always just to the right of the scalebar ("ruler") in Chrome, IE 11, and Firefox, and look exactly the same as you show for WD 1.3. Here is one of my WD 2.0 apps:

ArcGIS Web Application

I did not reconfigure anything. Which theme are you using? I have only tested and used the widget in the Foldable theme.

Cheers,

Barnaby

Re: Coordinate + Scale widget for WAB Dev 1.3

ThomasSpindler1 — Mon, 23 May 2016 22:01:49 GMT

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:

Re: Coordinate + Scale widget for WAB Dev 1.3

BarnabyRockwell — Mon, 23 May 2016 22:10:14 GMT

Yes, same for me in IE 11.

Re: Coordinate + Scale widget for WAB Dev 1.3

ThomasSpindler1 — Tue, 24 May 2016 14:35:58 GMT

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?

Re: Coordinate + Scale widget for WAB Dev 1.3

BarnabyRockwell — Tue, 24 May 2016 16:03:09 GMT

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

Re: Coordinate + Scale widget for WAB Dev 1.3

ThomasSpindler1 — Tue, 24 May 2016 16:25:11 GMT

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

Re: Coordinate + Scale widget for WAB Dev 1.3

BarnabyRockwell — Tue, 24 May 2016 16:33:36 GMT

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.

Re: Coordinate + Scale widget for WAB Dev 1.3

RobertScheitlin__GISP — Tue, 24 May 2016 16:40:18 GMT

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"

Re: Coordinate + Scale widget for WAB Dev 1.3

BarnabyRockwell — Tue, 24 May 2016 16:49:20 GMT

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

Re: Coordinate + Scale widget for WAB Dev 1.3

RobertScheitlin__GISP — Tue, 24 May 2016 16:57:33 GMT

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?

Re: Coordinate + Scale widget for WAB Dev 1.3

BarnabyRockwell — Tue, 24 May 2016 17:01:43 GMT

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