nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Javascript Viewer like the Flex Viewer with S/C

TonyCollins

Hi,

Is there a JavaScript version of the Flex Viewer that I can download and run locally and like the Flex version examine how it is built?

I have a large Flex based application (similar idea, but not based on the Flex Viewer) that I need to start to migrate into JavaScript.

Basically I would like to see the best way to structure a ESRI JS API based application, that can support the loading of external Tools/Modules similar to how the Flex Viewer does?

I hope this makes sense?

Thanks for any help

Find more posts tagged with

Accepted answers

TimMcGee1

Tony,

Take a look at the open source project CMV - Configurable Map Viewer and cmv/cmv-app · GitHub and cmv/cmv-contrib-widgets · GitHub

CMV is built on top of the ESRI JavaScript API (and Dojo) and uses your REST services much like the Flex API did. CMV can use AGO Services but does not require the use webmaps, AGO or portal.

In the last year I have converted dozens of Flex, Silverlight and ArcIMS sites for clients using CMV. If you visit GitHub or Stack Exchange, you'll see my name a lot. Through those early successes of converting customer's sites, I became one of the lead developers on the CMV project.

We have a core team of 4 developers and growing plus others that actively contribute support, documentation, functionality and widgets using GitHub, GIS StackExchange and group chat. We are about to release a new minor version with enhancements and support the latest version of ESRI's API (3.14). Parallel efforts are underway for the next major revision supporting the 4.0 release of the ESRI API.

Check it out and let me know if it fits your needs. And if not, I would certainly like to hear why not.

Hope this helps.

Regards,

Tim McGee

All comments

TimMcGee1

Tony,

Great!

In addition to the support links I provided in my original post, there is also a GeoNet group CMV - Configurable Map Viewer that had been created last year but forgotten about until yesterday. We're monitoring it now. Perhaps too many ways to get help that will be refined as we progress. Too many is better than too few.

TonyCollins

Oooooh.

Big smile on my face that you can't see right now. I'm going to have a good play with this then.

Thanks for all your help, I'm sure I'll be back with more questions!

RickeyFight

Tony,

You can make some if not all movable.

If you click on the arrow to the right of the widget, the widget becomes detached and you can drag it around the screen as seen below.

You just need to set canFloat to true in viewer/js/config/viewer.js file.

TonyCollins

Thanks Tim,

I have downloaded CMV and will have a look at how things hang together. Hopefully I can get my head around what is going on and maybe even contribute down the road.

In the system I would like to build, the tools/widgets are all moveable/resizable windows, much like photoshop or something. The widgets in CMV all look to want to sit in the left hand pane. Would I have to unpick a lot of code for widgets to behave like moveable windows?

Thanks

TimMcGee1

HI Tony,

From your description, CMV sounds like it would fit the bill. I've done similar things in a former life so it sounds familiar. I am not here looking for work . Just suggesting I have a good understand of your issue.

I know of several developers who are using CMV in a manner much like you describe tied to centralized management of app configuration, services and app security, user/group roles, etc. I can (with your permission and theirs) get you connected to discuss how they have approached this. Let me know if that is of interest.

Regards,

Tim McGee

TonyCollins

Thanks for your help everyone, the CMV looks great but unfortunately I don't think this is what I am looking for?

I have build my own rest based backend map management system for the ESRI platform that I can plug my application(s) into. I can configure tools, services, users etc and I would simply (haha) like to wire up a JS API based application alongside the Flex app and in time migrate my (1k+) user base eventually.

Whilst I am not scared to move to something completely new if need be I would need to be able to understand it from the ground up to fix issues in a timely manor and integrate with existing business workflows.

Whilst we have several JS Apps already, they are simple compared to the Flex app and I was hoping to study a JS Viewer that had a widget/tool management system and that was not completely tied to AGS Online/Portal. Is there anything like that?

I'd love to use online but I am still to be convinced of it's benefits when I would need to host my bespoke apps on premise anyway?

Thanks again for any help,

Tony

TimMcGee1

Hi Shaning,

Are you clicking on the index.html on your computer or are you using some web server (locally or on a server)?

From what you describe, it sounds like you are loading from a file on your computer. That will not work because it loads the JS API from a link that starts with "//js.argis.com...". There is no http: or https: protocol in front of it. That is intentional so the viewer can run as either http or https protocol depending on the web server configuration. Since you are using file://, it will attempt to use that protocol and fail. There are a number of way to address that but the easiest thing is to use a web server (IIS, Apache, nodejs, etc). Once you have the application running using one of those options, it will function just like the demo: http://demo.cmv.io/viewer/ which uses the exact same code that you downloaded.

If you have further questions, they are best posted as a github issue: Issues · cmv/cmv-app · GitHub or a question at gis.stackexchange:. Newest 'configurable-map-viewer' Questions - Geographic Information Systems Stack Exchange

Hope this helps,

Tim McGee

ShaningYu

Tim: Thanks for your response. I downloaded the code (actually I downloaded the V3.11 version a while ago). How I got a new problem. When I opened the index.html on a browser, nothing displays except for the Banner. Did I miss some steps? Thanks.

TimMcGee1

Tony,

Take a look at the open source project CMV - Configurable Map Viewer and cmv/cmv-app · GitHub and cmv/cmv-contrib-widgets · GitHub

CMV is built on top of the ESRI JavaScript API (and Dojo) and uses your REST services much like the Flex API did. CMV can use AGO Services but does not require the use webmaps, AGO or portal.

Check it out and let me know if it fits your needs. And if not, I would certainly like to hear why not.

Hope this helps.

Regards,

Tim McGee

AntGiles

Tony,

just ust be aware the web app builder requires a map id from either arcgis online or portal to work

Regards

Anthony

TimWitt2

Tony,

here you go Web AppBuilder for ArcGIS (Developer Edition) | ArcGIS for Developers

Tim

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.