topic re-write Silverlight application in Javascript in ArcGIS JavaScript Maps SDK Questions

re-write Silverlight application in Javascript

BrianFoley1 — Mon, 27 Jun 2016 18:27:03 GMT

I have been asked to re-write a ArcGIS Silverlight application in JavaScript. Below is a picture of what the application looks like in Silverlight. Is this even possible ? I've been trying to create the toolbar across the top, with the drop-down menus AND the table of contents that can turn on/off layers. I've seen a lot of the templates on the ArcGIS Developer's website, but none seem to do anything similar to what I'm trying to accomplish. Has anyone done something similar ? Thanks.

Re: re-write Silverlight application in Javascript

PanagiotisPapadopoulos — Tue, 28 Jun 2016 12:36:17 GMT

before you start see Web Application Builder. http://doc.arcgis.com/en/web-appbuilder/

maybe 99% of the functionality is ready to use out of the box with out coding.

Re: re-write Silverlight application in Javascript

BrianFoley1 — Tue, 28 Jun 2016 12:55:20 GMT

Just curious, where would this app be hosted ?

Re: re-write Silverlight application in Javascript

PanagiotisPapadopoulos — Tue, 28 Jun 2016 13:17:52 GMT

you can work on cloud hosted on ESRI's cloud or work with Developer edition hosted on your place

Also you can configure the application on cloud and download the Application in order to host it on you web server.

Re: re-write Silverlight application in Javascript

BrianFoley1 — Tue, 28 Jun 2016 13:21:44 GMT

That’s good to know. My company wants it hosted in-house only.

Re: re-write Silverlight application in Javascript

ManuelGranados — Tue, 28 Jun 2016 17:35:28 GMT

I am working on a large project that involves re-building a Silverlight application into a JS one; and I have added a menu on the top, a TOC that turns on/off layers, adds and displays charts at specific coordinates, etc. It is not an easy task and requires a lot of work; but it is possible.

Re: re-write Silverlight application in Javascript

BrianFoley1 — Tue, 28 Jun 2016 17:40:58 GMT

Is it possible for you to send me some sample code ?

Re: re-write Silverlight application in Javascript

ManuelGranados — Tue, 28 Jun 2016 17:50:34 GMT

Brian,

I’m afraid I’m not allowed to send you any code. Besides, it’s a big project (thousands of lines) and involves: MVC, JS, SQL, C#,… and it has many modules that interact between each other.

However, I can give you some ideas about how I did it.

Manuel

Re: re-write Silverlight application in Javascript

BrianFoley1 — Tue, 28 Jun 2016 17:52:22 GMT

Thanks Manuel, I’d appreciate any help you can give me.

Re: re-write Silverlight application in Javascript

ManuelGranados — Tue, 28 Jun 2016 18:07:07 GMT

For the menu on top I used dojo (dijit/Menu). You can read their tutorial at the Dojo web site (http://dojotoolkit.org/documentation/tutorials/1.10/menus/index.html). To place in top of the map you can use BorderContainer (dijit/layout/BorderContainer) and ContentPane (dijit/layout/ContentPane). You can check tutorials also at the Dojo site (http://dojotoolkit.org/documentation/tutorials/1.10/dijit_layout/index.html)

Re: re-write Silverlight application in Javascript

BrianFoley1 — Tue, 28 Jun 2016 18:09:10 GMT

Thanks Manuel, I’ll take a look at those. I’m sure I’ll have a few more questions in the next few days or so.

Re: re-write Silverlight application in Javascript

BrianFoley1 — Wed, 29 Jun 2016 14:57:25 GMT

You put the Map Legend in your toolbar. Does this legend turn off/on layers ? Is there any high level code you can send me that I can take a look at ?

Re: re-write Silverlight application in Javascript

ManuelGranados — Wed, 29 Jun 2016 15:31:37 GMT

Yes, in an earlier version it did. You can hide/show, add/delete layers. You have to pay attention to:

1. Keep a list of the layers and their status (hidden/show)

2. Each layer is represented by a RadioMenuItem (keep a list of these) that displays name and status. Add/delete the RadioMenuItem and/or modify the status depending of what the user selects

3. If the users wants to hide/show use Layer.setVisibility(true/false)

4. If the user wants to delete/add a layer use Map.addLayer/removeLayer and modify the list of layers and RadioMenuItem

5. Also, you have to consider the array of layers in the legend and modified it accordingly

In the version that I am currently working on, the visibility of the layers is managed in the Table of Contents. Here I keep a list of legends (each is presented to the user with a CheckBox) and their corresponding layer.

Re: re-write Silverlight application in Javascript

BrianFoley1 — Wed, 29 Jun 2016 18:11:11 GMT

This is what I have so far. I'm struggling on getting the table of contents (in the left-hand pane) to show up under the 'Identify Tools' menu-item.

Re: re-write Silverlight application in Javascript

ManuelGranados — Wed, 29 Jun 2016 18:59:50 GMT

I’m not sure if you can do that (attach the legend to the menu item). I didn’t attached the legend, I attached RadioMenuItem/CheckedMenuItem with the layer’s names.

Re: re-write Silverlight application in Javascript

BrianFoley1 — Thu, 30 Jun 2016 12:01:23 GMT

I'm getting closer. Is there a way to separate the color image and the text for a layer ? I want the text to warp, but don't want it to show up under the image. I want it to be under the existing text.