For those of you that don't want the popup to block features on the map or wish you could have selections results info display some where beside the map info window, this is the widget for you. This widget basically takes the JS API sample "Popup content in side panel" and makes it into a WAB widget.
Older Versions
List of the latest enhancements and changes:
List of the older enhancements and changes:
Sergio,
Yes a widget can have a dijit like the Search inside it. But typically you can not add a widget inside another widget.
Robert, you have a example? , please
There are several out of the box widgets that use the Search dijit that you can use as an example. The Screening widget is one example.
Thank you Robert
Robert,
Do you have a solution or alternative idea?. Robert Scheitlin, GISP your words: " The pop up panel widget does not support showing related records in it contents like the default pop up does."
Not currently.
I am redeploying this and cant seem to find the instructions for where to configure the widget into the folder structure (i.e. where to put the widget, where to change the code, etc.).
Could you attach or direct me to where the instructions are for deploying this into a fresh 2.7 build? Thanks!
Andew,
The official documentation is here:
All you need to do is copy the PopupPanel folder from the zip to the [install dir]\client\stemapp\widgets folder. Then when creating a new app the popup panel widget will be listed in the choose widget panel.
And will that put it in the 'docked' location on the side of the app rather than be a 'floating' widget?
No, Having it in that location means you need to use the Jewlerybox theme and add it to the jewlerybox drawer.
I knew there was another step.
Excuse my ignorance, but where would I 'add this to the jewelrybox drawer'?
Ignore that! Silly me
Hi Robert, great widget! I do have one question regarding why there may be (2) scroll options in the popup. I am displaying a long list of attributes and in the popup and there seems to be 2 scroll features; one for the popup and one for the list of the data. I have attached a picture for reference.
Thank you for the help.
Tyler,
I have not seen that before. I will have to look into it.
Sounds good, thank you Robert. Its not a big issue until its used on mobile. The right slider is the one that scrolls on mobile. Both scroll on desktop.
Hello Robert.
I noticed that if I use infoWindow the popup widget does not work but when I use the infotempate it does work. Is that intentional?
Thanks.
Yes,
Yes, the Popup dijit in the JS API is different from the InfowWindow. The maps infoWindow defaults to a popup dijit and not an InfoWindow.
Well, that explains it. I have the popup widget installed on the app and it works great. However, I created a widget where users can just click on the map and see a popup of the lat long an other info of the clicked point. It seems that because it is an infowindow is not displayed because of the popup widget, and the popup widget is not displayed because of the infowindow. Any suggestions?
Lefteris,
you need to use InfoTemplate or PopupTemplate for your widget and then all will play nice together.
The workflow is to click on the a location on the map, it will record the lat long of the point, place a graphic at point and display the popup window with point lat long and other info.
With the InfoTemplate, and Popuptemplate, it takes another click on that point to display the popup. The popup widget works great for features already on the map.
Share your widget in a new post and I will show you how to make it use a template even for what you are doing.
I would also be very interested in being able to add/edit features with this widget.
Steve,
This widget will never support editing. You need to use the edit widget or smart editor widget for editing.
Hi, is this widget working in v 2.7? Thanks!
Absolutely.
Hi Robert, I was wondering if you could help me with something!
When I select something from the Search box instead of bringing up the Configured Popup in the Popup Panel Widget it brings up the raw values:
Is there any way to change it so that when I select something from the Search results I get the Configured Popup?
Thank you so much!
Whitney,
Hmm.. Besides relates this widget should show identical to what the standard esri popup shows. I don't use the search widget much, but are you saying that when not using my widget the standard popup show the correct info and when using it it does not?
It looks like I'm having similar problems as to what people in this thread were experiencing https://community.esri.com/thread/170809
Whitney,
Are you using WAB 2.7?
I am using 2.6
Was this fixed in the update?
I think it was in 2.7 but don't hold me to that.
I'll go ahead and upgrade and get back to you.
Thanks!
It does not appear to have been fixed from 2.6 to 2.7
Robert,
I attempted to alter the resetInfoWindo function in the MapManager.js file in an attempt to modify the popup for the Edit widget (ie. I'm using your Popup Widgets "edit" option to open the edit widget. My customer requirement however is for the attributes of the edit widget to be contained in a panel rather than a callout-popup at the location of the feature being edited.
I understand that this probably has more to do with the Edit widget, not your excellent popup widget, but any tip on which file to tweak to adjust the edit widget popup?
Thanks for all of your work and assistance.
James,
The Edit widgets popup is a whole other animal. It is basically a AttributeInspector inside the maps popup window and doe not correlate to the PopUp Panel widget much at all.
rscheitlin will you be at Dev Summit? I feel like I owe you a beer or ten
I will be, but I don't drink. See you there.
Coffee (or another happy-morning-drink) it is!
Thank you!
I took a quick stab at altering the Edit Widget's default popup window. I just added the infoWindow.resize after line 322 of the Widget.js file.
this.map.infoWindow.resize(340,820)
It's still a "callout" where the popup opens at the location of the feature being edited, but it's a start (at least will alleviate some aggravation of having to scroll so much when modifying many attributes. Unsure about any negative affects or full performance, just a quick test.
Main issue will be that all the popups in that app will be that size.
The popup for the Edit widget really needs to be in a panel because most common complaint from users is that the popup covers up the map features. I think there is a hosted app that does this (Basic Viewer app?) that at least elongates the popup and docks it on the right side of the window without any callout, just as its own panel.
Hey Robert!
Do you have any idea on this one?
My particular app doesn't have related records, so I am wondering if this is leveraged elsewhere which would require me to keep it.
I deleted all the contents from that file (quick, dirty test) and the app appears to be functioning as expected, but I'm wondering if you know if this function is required elsewhere?
Andrew sorry I am missing the context of your comment.
Oh, I'm sorry -- this comment didn't get nested under Tyler's comment.
I was referring to the console error that the app seems to generate:
This was from your sample site (ArcGIS Web Application ). When clicking on a feature and the widget is engaged, this error gets thrown in the console -- same behavior on my site.
It appears that, in my narrow example, it's kosher to just remove references to that .JS file if there's no known solution at this point. It appears that the RelatedRecordsPopupProjector is only referenced in PopupManager.js
You should be fine then if you do not need related data.
Hi Robert - I'm using WAB 2.7. Do the related records still work on the pop-panel? I may be missing something, but not sure.
Thanks,
Eric
Eric,
Related records are shown in the default popup in WAB (due to some custom magic in the hood) but that has never been compatible with my popup panel widget. So no relates will not be shown in my widget.
This functionality is great - was just asking about it at the Dev Summit. Hopefully esri sees the benefit this widget provides and incorporates. Thanks Robert!
Any update on the slider issue?
Sorry none yet.