Move the popup widow in WAB

[GeorgeKatsambas]

Is there a way to change the position of the popup window, or drag it with your mouse out of the way. As it is now the popup window open where you click and you cant move it at all. I know in Flex you could move it with the mouse.

[AdamVellutini]

Nevermind I found the answer reading your response to someone elses question.  Thanks so much!

[haThach]

Tyler - Thanks a lot for your instruction to make the popups moveable. I got it to work in Google Chrome but not in IE 11. Any thought?

Thanks,

Ha T.

[TylerDunn2]

Not sure why it's not working for you in IE 11. It works fine on my end. I'll keep experimenting and let you know if I find anything.

[RoySP]

Thanks so much Tyler!

[AndresCastillo]

I see where you made a new Moveable class, but did you need dojo/dom-class at all?

[ShitalDhakal__GISP]

Hi Tyler Dunn

Thank you for posting this. Its super helpful for someone like me who has just started on js.

I tried changing my code like you suggested and was only partially successful to replicate. I changed my 'common' file  and was able to get the pointer changed into a move cursor.

But upon making subsequent changes on the utils.js file, the WAB stopped displaying any map at all. I went back and took out all the new codes I added and it looks like the addition of

function(Moveable, domClass)

is creating some anomaly.

I should also tell you that I couldn't find 'domClass' or 'dom-class' anywhere else in the code.

Can you please tell if there is anything I am doing wrong? 

Thanks in advance.

Shital

[TylerDunn2]

Hey Shital,

When you added 'dojo/dnd/Moveable' and 'dojo/dom-class' to the define([ ] part of the code, did you have it in the same order you called it in the function( ) area? Ex:

define([

    'dojo/_base/lang',

    'dojo/_base/array',

    'dojo/_base/html',

    'dojo/_base/sniff',

    'dojo/_base/config',

   'dojo/dnd/Moveable',

    'dojo/io-query',

    'dojo/query',

    'dojo/NodeList-traverse',

    'dojo/Deferred',

    'dojo/on',

    'dojo/dom-class',

    'dojo/json',

    'dojo/cookie',

    'dojo/number',

    'dojo/date/locale',

    'dojox/encoding/base64',

    'esri/lang',

    'esri/arcgis/utils',

    'esri/SpatialReference',

    'esri/geometry/Extent',

    'esri/geometry/Multipoint',

    'esri/geometry/Polyline',

    'esri/geometry/Polygon',

    'esri/geometry/webMercatorUtils',

    'esri/tasks/GeometryService',

    'esri/tasks/ProjectParameters',

    'esri/urlUtils',

    'esri/request',

    'esri/graphicsUtils',

    'jimu/portalUrlUtils',

    './shared/utils'

  ],

function(lang, array, html, has, config, Moveable, ioQuery, query, nlt, Deferred, on, domClass, json, cookie,

  dojoNumber, dateLocale, base64, esriLang, arcgisUtils, SpatialReference, Extent, Multipoint,

  Polyline, Polygon, webMercatorUtils, GeometryService, ProjectParameters,

  esriUrlUtils, esriRequest, graphicsUtils, portalUrlUtils, sharedUtils)

[ShitalDhakal__GISP]

This worked like a charm Tyler. Thank you so much. Much appreciated!

[MichaelRobb]

doesn't work with WABde 2.5.   Thoughts?

Not sure what version you are referring to but 2.5 looks like this:

define([
'dojo/_base/lang',
'dojo/_base/array',
'dojo/_base/html',
'dojo/_base/sniff',
'dojo/_base/config',
'dojo/io-query',
'dojo/query',
'dojo/NodeList-traverse',
'dojo/Deferred',
'dojo/promise/all',
'dojo/on',
'dojo/json',
'dojo/cookie',
'dojo/number',
'dojo/date/locale',
'dojo/i18n!dojo/cldr/nls/number',
'dojox/encoding/base64',
'esri/lang',
'esri/arcgis/utils',
'esri/dijit/PopupTemplate',
'esri/SpatialReference',
'esri/geometry/Extent',
'esri/geometry/Multipoint',
'esri/geometry/Polyline',
'esri/geometry/Polygon',
'esri/geometry/webMercatorUtils',
'esri/tasks/GeometryService',
'esri/tasks/ProjectParameters',
'esri/tasks/FeatureSet',
'esri/symbols/PictureMarkerSymbol',
'esri/urlUtils',
'esri/request',
'esri/tasks/query',
'esri/tasks/QueryTask',
'esri/graphicsUtils',
'jimu/portalUrlUtils',
'./shared/utils'
],

function(lang, array, html, has, config, ioQuery, query, nlt, Deferred, all, on, json, cookie,
dojoNumber, dateLocale, nlsBundle, base64, esriLang, arcgisUtils, PopupTemplate, SpatialReference,
Extent, Multipoint, Polyline, Polygon, webMercatorUtils, GeometryService, ProjectParameters, FeatureSet,
PictureMarkerSymbol, esriUrlUtils, esriRequest, EsriQuery, QueryTask, graphicsUtils, portalUrlUtils, sharedUtils
)

[RobertScheitlin__GISP]

Michael,

   Still worked fine for me in 2.5