Movable popups in WebAppBuilder Online

1663
3
Jump to solution
08-29-2019 11:23 AM
JayHodny
Regular Contributor

Hello!  Is there a way to make popups movable (or lockable on the side of the map) in the online version of WAB (not in the developer edition).  Thanks in advance, Jay

0 Kudos
1 Solution

Accepted Solutions
RobertScheitlin__GISP
MVP Esteemed Contributor

Jay,

  Sorry to report no.

View solution in original post

0 Kudos
3 Replies
RobertScheitlin__GISP
MVP Esteemed Contributor

Jay,

  Sorry to report no.

0 Kudos
JayHodny
Regular Contributor

Is this possible in ArcGIS Experience Builder Beta?  Thanks.

0 Kudos
AndresCastillo
MVP Regular Contributor

To get movable/dockable popups in WAB Developer's Edition, here are some resources I've gathered to look into:

(The most notable is https://community.esri.com/thread/161401 with a comment by:

Tyler DunnMar 18, 2016 10:05 AM)

https://community.esri.com/thread/161401

Move the popup widow in WAB

Question asked by George Katsambas on Jun 30, 2015

 

 

http://jsfiddle.net/goldenlimit/gaz8ao8n/

Nathan Wu

Esri − Redlands

 

https://community.esri.com/thread/122195

How do I edit pop-up size and location?

Question asked by Brandon Keinath on Feb 20, 2015

 

 

https://community.esri.com/thread/152418

Re: How do I edit pop-up size and location?

Question asked by Jeff Hyder on Apr 24, 2015

 

 

https://community.esri.com/thread/121418

WAB - popup box inconsistent sizes

Question asked by Stan McShinsky Champion on Feb 9, 2015

 

 

 

https://support.esri.com/en/technical-article/000014327

How To: Change the size of a popup in Web AppBuilder for ArcGIS

 

 

 

https://community.esri.com/ideas/6477

Movable popup window in ArcGis Online

Idea created by Eric Svensen on Oct 22, 2012

 

 

https://community.esri.com/ideas/16719-popup-interface-design-tabs-to-page-through-multiple-features

popup interface design - Tabs to page through multiple features

Idea created by Kevin MacLeod on May 21, 2019

 

 

 

https://community.esri.com/thread/106181

Display popup info windows in two tabs

Question asked by ryannz on Aug 7, 2014

 

 

 

https://community.esri.com/thread/60217

Multipage InfoPopup

Question asked by Jackson Trappett on Sep 28, 2012

Does this using deprecated flex.

 

 

 

https://community.esri.com/ideas/4590

Auto-size/Customize width of ArcGIS.com map popups

Idea created by Owen Evans Employee on Nov 4, 2011

 

 

https://community.esri.com/thread/223080-draggable-popup-template

draggable popup template?

Question asked by Jared Pilbeam on Oct 19, 2018

 

 

 

https://gis.stackexchange.com/questions/32336/how-to-make-openlayers-popup-draggable

How to make OpenLayers.Popup draggable?

 

 

https://gis.stackexchange.com/questions/201261/arcgis-online-floating-pop-ups-in-web-map

ArcGIS Online - floating pop-ups in web map

 

 

http://aamirafridi.com/openlayers/openlayers-draggable-popups

Openlayers draggable popups

 

 

https://medium.com/@quarticsolutions/draggable-popups-with-angular-and-arcgis-api-for-javascript-4-x...

Draggable Popups with Angular and ArcGIS API for Javascript 4.x

 

 

https://community.esri.com/groups/geodev/blog/2017/06/23/arcgis-api-for-javascript-4x-dockable-popup...

ArcGIS API for JavaScript 4.x Dockable Popups Offer Great Flexibility

Blog Post created by Andy Gup  on Jun 23, 2017

 

 

 

 

 

 

 

 

 

 

 

 

ESRI Resources:

https://developers.arcgis.com/javascript/3/jssamples/query_hoverinfowindow.html

Show info window on mouse hover

 

 

https://developers.arcgis.com/javascript/3/jssamples/popup_sidepanel.html

Popup content in side panel

 

https://developers.arcgis.com/javascript/3/jssamples/widget_infowindowchart.html

Info window with chart

 

https://developers.arcgis.com/javascript/3/jssamples/layout_MapContainerSplitLeft.html

Map container split left

 

 

https://developers.arcgis.com/javascript/latest/sample-code/popup-docking-position/index.html

Popup dock positions

 

https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html#dockOptions

dockOptions Object

 

https://developers.arcgis.com/javascript/latest/api-reference/esri-views-View.html#popup

popup Popupautocast

 

https://developers.arcgis.com/javascript/latest/sample-code/intro-popup/index.html

Intro to popups

 

 

 

 

 

 

 

 

 

 

 

 

General Resources:

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout

CSS Grid Layout

 

https://www.w3schools.com/howto/howto_js_draggable.asp

How TO - Create a Draggable HTML Element

0 Kudos