topic Re: web app builder custom in-panel widget problem in ArcGIS Web AppBuilder Questions

web app builder custom in-panel widget problem

CharlesBailey3 — Mon, 13 Jul 2015 21:06:13 GMT

I went through the tutorial in WAB, Create a custom in-panel widget, got my widget to show up in the widget pool, but when I select it and click ok it just flashes up an empty msg box and nothing else. Isn't it supposed to insert a button on the header that drops down the panel? (It worked that way through the wepapviewer/config page from the tutorial...) Thanks! cob

Re: web app builder custom in-panel widget problem

RobertScheitlin__GISP — Mon, 13 Jul 2015 21:12:47 GMT

Cob,

Seems like you have some issue in your widgets code (missing icon and this matter you are presenting). Can you check your browsers web console and let me know what errors appear?

Re: web app builder custom in-panel widget problem

CharlesBailey3 — Tue, 14 Jul 2015 13:19:32 GMT

Is this what you mean Robert? Would the missing icon cause the whole thing not to work?Thanks! cob

Re: web app builder custom in-panel widget problem

RobertScheitlin__GISP — Tue, 14 Jul 2015 13:22:24 GMT

Cob,

The missing icon breaking the whole widget does not seem like it would be the issue but I would eliminate that first.

Re: web app builder custom in-panel widget problem

CharlesBailey3 — Tue, 14 Jul 2015 14:48:51 GMT

Got it...I had changed the name in the manifest to something different than the folder name. It's working now. What I'm ultimately trying to do is add a widget that will bring a layer into the map from local source or user's content in AGOL (ideally append it to the selected feature service in the map but first things first...). Do you know of anything like that out there? I found an app to add shapefile in the AGOL templates Add Shapefile that I think will work, but obviously I'm not well versed on how to make this happen. Does all of the code go in the .js file? What else do I need to make it work? Thanks for your help Robert! (I will give you a correct answer since you turned me on to the console error which led to the solution of the original problem 🙂 cob

Re: web app builder custom in-panel widget problem

RobertScheitlin__GISP — Tue, 14 Jul 2015 15:07:14 GMT

Cob,

The main code does go into the Widget.js file. There is a custom widget called the Local Layer widget that adds layer from your own ArcGIS Server and there is the Add service Widget

Re: web app builder custom in-panel widget problem

CharlesBailey3 — Tue, 14 Jul 2015 16:17:19 GMT

Yes, I saw that - great work. But we do not have arc server, all of our data is on AGOL and local machines. Can it be easily modified to work with this? What we need is for the user to be able to select the layer from their local storage or their AGOL content and add that to the map. Could it work that way? Thanks Robert - cob

Re: web app builder custom in-panel widget problem

RobertScheitlin__GISP — Tue, 14 Jul 2015 16:26:57 GMT

Cob,

Well you are venturing into a new area that I have not looked into. Client side technology with JS is going to be limited in the area of local data, and making a widget to load AGOL content at run-time is also something I have not had a need to look into either.

Re: web app builder custom in-panel widget problem

CharlesBailey3 — Tue, 14 Jul 2015 20:55:07 GMT

Well, the kicker is that the AGOL default web map viewer performs these functions very well (except for the append to feature service) but does not have the editing tools or the custom print task that we need. So we have individual pieces each in a separate environment with (seemingly) no way to integrate them into one all-purpose app. Appreciate your help and insight Robert, hope you have a chance to work on this sometime in the future. Thanks, cob

Re: web app builder custom in-panel widget problem

CharlesBailey3 — Wed, 15 Jul 2015 14:17:03 GMT

Robert, I have the LocalLayers widget installed but not sure how to use it. How is the widget accessed when the app is running? It doesn't show up in the "click here" list to add to the app upon launch - is that right? Thanks, cob

Re: web app builder custom in-panel widget problem

RobertScheitlin__GISP — Wed, 15 Jul 2015 14:21:44 GMT

Cob,

Sorry for the misunderstanding. The Local Layer Widget is a configuration time option for adding local layers from your ArcGIS Server. If you need to add layers at runtime then you need to use the "Add Service Widget" mentioned earlier.

Re: web app builder custom in-panel widget problem

CharlesBailey3 — Thu, 16 Jul 2015 15:26:09 GMT

Ok, got it going (Add Service Widget) but it only adds tiled service layers and not the feature services we need. I did try loading a tiled image service of high-res imagery cached down to 1:200 but it comes in underneath the esri basemap and cannot be 'moved up' in the layer list. Not sure how to use this one either... how about this - when you add a query result to the map it creates a feature collection, right? Where is this stored and is there any way to reference the url to persist it or maybe publish it as a hosted FS? Thanks and sorry for my cranial density...cob

Re: web app builder custom in-panel widget problem

RobertScheitlin__GISP — Thu, 16 Jul 2015 16:08:48 GMT

Cob,

Ok, got it going (Add Service Widget) but it only adds tiled service layers and not the feature services we need.

The Add Service Widget currently accepts Dynamic and Tiled Map Services, and Image Services

how about this - when you add a query result to the map it creates a feature collection, right?

Depend on how a particular widget handles the results from the QueryTask.

Re: web app builder custom in-panel widget problem

CharlesBailey3 — Mon, 20 Jul 2015 03:07:53 GMT

I'm talking about the stock Query widget in the WAB. When you elect to display the result it shows up in the browser console - looks like json and I can modify it directly in the console with changes reflected immediately... I know there is a way to persist the feature in local storage in HTML5 but what can one do with it after that? Is there any way to reference it in the API to pull it into AGOL? Been struggling with this a long time - the stock map viewer in AGOL will do things I can't figure out how to replicate in a hosted app. Thanks, cob