topic Re: Sketch Widget Disable Reshape in ArcGIS JavaScript Maps SDK Questions

Sketch Widget Disable Reshape

JoelGoransson — Thu, 23 Apr 2020 08:55:57 GMT

Hi everyone, novice programmer here tasked with making a project, I'm a little out of my depth. I'm using this plugin to allow a user to select a basic rectangular area on a map, I found that the Sketch widget is pretty much exactly what I need.

There is a sample of it here: Sketch widget | ArcGIS API for JavaScript 4.15

As I only want a basic rectangle I wanted to disable the other options of drawing, I found I could do this with this "availableCreateTools: ["rectangle"]" code but now I still have the issue of the reshape tool being able to modify the rectangle into complex shapes, and the transform tool being able to rotate the rectangle (which I do not want either).

How can I disable both of these behaviors? (Most importantly the reshape one first).

Please see my code pen here: https://codepen.io/issun/pen/BaopmQV?editors=1010

Thanks in advance for all your answers!

UPDATE 1: Figured out how to disable rotation, by adding the line "sketch.defaultUpdateOptions.enableRotation = false;" before adding sketch to the view. Now I just need help with disabling the reshape tool

Re: Sketch Widget Disable Reshape

RobertScheitlin__GISP — Thu, 23 Apr 2020 13:01:15 GMT

Joel,

Sure just add this:

defaultUpdateOptions: {enableRotation: false, toggleToolOnClick: false}‍

Re: Sketch Widget Disable Reshape

JoelGoransson — Fri, 24 Apr 2020 02:05:36 GMT

Thanks Robert, this is much better than me adding a line after the constructor, but the "toggleToolOnClick" property does not disable the reshape tool, it only disables switching between the transform and reshape tools when clicking more than once on a created shape.

I've updated my codepen with the changes you suggested, see here: https://codepen.io/issun/pen/BaopmQV?editors=1010

Re: Sketch Widget Disable Reshape

RobertScheitlin__GISP — Sun, 12 Dec 2021 05:17:56 GMT

Joel,

So Add this css rule to prevent the reshape button from showing.

button[title="Reshape"]{
  display: none;
}‍‍‍

Re: Sketch Widget Disable Reshape

JoelGoransson — Fri, 24 Apr 2020 15:25:45 GMT

Ah thank you Robert, using this (hiding the button) combined with the above defaultUpdateOptions: {toggleOnClick: false} so the user cannot switch to that tool by double clicking, disables it completely, solved my problem, cheers