topic Re: Disable Move/Scale/Rotate on Editor widget in Web AppBuilder Custom Widgets Questions

Disable Move/Scale/Rotate on Editor widget

CiprianLazar — Sun, 12 Dec 2021 05:37:28 GMT

Hi,

I'm new to Web AppBuilder and JavaScript API and I'm implementing a small app for digitizing features over a orthophoto map. I'm using the developer version of the Web AppBuilder and an intranet Portal for ArcGIS.

I need to set a maximum scale for the map and disable the move/scale/rotate options when using the default editor widget.

I couldn't find a way to set a maximum scale for the map after the initialization of the map (ie when the editor widget is started), but I hooked to the "zoom-end" event of the map and if the user zooms out, the app automatically zooms back in. Is there a better way to do this?

this.blockScaleEvent =
  this.map.on("zoom-end", lang.hitch(this, function () {
       if (this.map.getScale() > 250) {
            this.map.setScale(250);
       }
  }));

I couldn't find a way to disable the move/scale/rotate options when using the default editor widget. Can anyone help me with this?

Thank you,

Ciprian

Re: Disable Move/Scale/Rotate on Editor widget

JeremieCornet1 — Thu, 23 Apr 2015 23:10:54 GMT

Hi,

In map, you have methods to disable navigation :

Map | API Reference | ArcGIS API for JavaScript

disableClickRecenter()	`None`	Disallows clicking on a map to center it.
disableDoubleClickZoom()	`None`	Disallows double clicking on a map to zoom in a level and center the map.
disableKeyboardNavigation()	`None`	Disallows panning and zooming using the keyboard.
disableMapNavigation()	`None`	Disallows all map navigation except the slider and pan arrows.
disablePan()	`None`	Disallows panning a map using the mouse.
disableRubberBandZoom()	`None`	Disallows zooming in or out on a map using a bounding box.
disableScrollWheelZoom()	`None`	Disallows zooming in or out on a map using the mouse scroll wheel.
disableShiftDoubleClickZoom()	`None`	Disallows shift double clicking on a map to zoom in a level and center the map.

hidePanArrows()	`None`	Hides the pan arrows from the map.
hideZoomSlider()	`None`	Hides the zoom slider from the map.

https://developers.arcgis.com/javascript/jsapi/map.html#hidezoomslider

Re: Disable Move/Scale/Rotate on Editor widget

RobertScheitlin__GISP — Fri, 24 Apr 2015 00:46:17 GMT

Ciprian,

In the Edit widgets settings UI if you check "Disable Update Geometry" then you will not be able to move/scale/rotate the geometry, but you will still be able to delete and to update the attributes.

Re: Disable Move/Scale/Rotate on Editor widget

CiprianLazar — Fri, 24 Apr 2015 15:01:07 GMT

Hi,

I don't want to disable all the zoom and pan options. I just want to force the user to digitize the features at a maximum scale to ensure a required accuracy. He must be able to zoom in and out, just not out of a predefined scale when the editor widget is active.

The code I wrote achieves that, but not in an optimum way. There are some "Request canceled" messages in the console every time the user tries to zoom out of the allowed scale. There is also an unnecessary zoom-out -> zoom-in animation.

Re: Disable Move/Scale/Rotate on Editor widget

CiprianLazar — Fri, 24 Apr 2015 15:08:04 GMT

Hi,

That would be an option, but if a user makes a mistake when adding a feature, he would not be able to correct it. He would have to delete the feature and start all over again.

Can't I just disable the scale/move/rotate? It's too easy to accidentally move a feature and you might not even notice that you moved it.

Thank you.

Re: Disable Move/Scale/Rotate on Editor widget

RobertScheitlin__GISP — Fri, 24 Apr 2015 15:33:58 GMT

Ciprian,

No, currently that is not a configurable option.

Re: Disable Move/Scale/Rotate on Editor widget

CiprianLazar — Mon, 27 Apr 2015 12:03:53 GMT

I was hoping for a programatically modification of the Editor widget in order to disable the scale/move/rotate. How and where should I interfere with esriBundle.toolbars.edit?

Re: Disable Move/Scale/Rotate on Editor widget

RobertScheitlin__GISP — Thu, 30 Apr 2015 14:37:42 GMT

Ciprian,

I am not aware of a way to do that.

Re: Disable Move/Scale/Rotate on Editor widget

KonstantinLapine — Wed, 13 Dec 2017 23:04:37 GMT

It appears moving can be disabled with the event handler:

myEditor.editToolbar.on('graphic-move', function (e) {
throw('move is not allowed');
});

This does not work for rotating and scaling. Throwing inside 'rotate' and 'scale' event handlers does not prevent the changes from happening (in expected way, at least) and the event object does seem to provide means of stopping the event.

(Update) Just in case:

require([

...

'esri/dijit/editing/Editor'

...

], function (

...

Editor,

...

) {

var myEditor;

...

myEditor = new Editor(params, 'editor-element');

...

});

Re: Disable Move/Scale/Rotate on Editor widget

KavishGhime — Fri, 02 Mar 2018 18:26:27 GMT

Hi Jeremie,

You have given the methods to disable the zooming of map through mouse-scroll, but where to apply this method inside a web appbuilder application?

Thanks.

Re: Disable Move/Scale/Rotate on Editor widget

KavishGhime — Fri, 02 Mar 2018 18:29:00 GMT

Hi Robert,

Where to apply the disable-zoom method inside a web appbuilder application`s code after unzipping, since I cannot find where the map is defined?

Thanks.

Re: Disable Move/Scale/Rotate on Editor widget

RobertScheitlin__GISP — Fri, 02 Mar 2018 18:33:24 GMT

Kavish,

In the jimu.js folder find the MapManager.js this is where the code would go.

Re: Disable Move/Scale/Rotate on Editor widget

KavishGhime — Fri, 02 Mar 2018 18:58:20 GMT

Hi Robert,

Thank you for the location where I can edit the map for zoom disable, which can be found in wab application downloaded form WAB developer edition.

Actually I forgot to mention one thing, I downloaded the web appbuilder application from ArcGIS Online. And, under jimu.js folder, there is no "MapManager.js" (as compared to developer edition, the files are less when downloaded from ArcGIS Online). So, where to find in this situation?

Thanks,

Kavish

Re: Disable Move/Scale/Rotate on Editor widget

RobertScheitlin__GISP — Fri, 02 Mar 2018 19:45:47 GMT

Kavish,

That is quite a bit harder then. In the jimu.js\main.js search for "d.hideZoomSlider();"

d is the var for map. So right after that semicolon you can add your code.

Re: Disable Move/Scale/Rotate on Editor widget

KavishGhime — Wed, 07 Mar 2018 18:52:29 GMT

Hello Robert Scheitlin,

Apologies for a little late response. The solution you gave me, worked. I was able to disable mouse-scroll using the variable "d", which is the map`s variable. Only thing is, the map zooms fro initial scroll, and then it gets disable. Any view on this small issue?

Thanks,

Kavish

Re: Disable Move/Scale/Rotate on Editor widget

RobertScheitlin__GISP — Wed, 07 Mar 2018 19:09:05 GMT

Kavish,

Only thing is, the map zooms fro initial scroll, and then it gets disable

So I am not sure I am following here. What do you mean it zooms from initial scroll?

Re: Disable Move/Scale/Rotate on Editor widget

KavishGhime — Wed, 07 Mar 2018 20:53:41 GMT

Robert,

When the application is loaded, and I try to scroll the mouse the map zooms(zoom-in or zoom-out) for that initial mouse scroll, and then the map gets locked (means, after this, i cannot scroll the map further -- the mouse scrolling is disabled -- which is what I am achieving).

Just want to know why the initial scrolling makes the map to zoom (after that scrolling is disabled), or is it the way it works in 3.23 JS API?

-Kavish

Re: Disable Move/Scale/Rotate on Editor widget

RobertScheitlin__GISP — Thu, 08 Mar 2018 01:16:05 GMT

Kavish,

Using minified code like you are it is to hard for me direct you to the appropriate area. You really need to use WAB Developer.

Re: Disable Move/Scale/Rotate on Editor widget

KavishGhime — Thu, 08 Mar 2018 17:42:32 GMT

Hello Robert,

Yeah, exactly what I thought before -- to use Web AppBuilder instead of working on ArcGIS Online downloaded minified version app code.

Thank you for clearing this and for your help.

-Kavish