topic Re: Can't disable "Add feature" button in Editor widget in ArcGIS JavaScript Maps SDK Questions

Can't disable "Add feature" button in Editor widget

BrentGrossman — Fri, 19 Nov 2021 21:49:00 GMT

In my code (using API version 4.18), I'm using a WebScene and WebMap (toggling between 2d and 3d is supported) with many layers. I'd like for users to be able to edit, but not add to, features in one particular feature layer. However, I can't seem to be able to disable the "Add feature" button using addEnabled. Here's my code:

Here's what the Editor widget looks like when I run my code (it's in an Expand widget, as you can see):

Even if I can disable "Add feature", that's not ideal, since the button is still visible in that case. What I'd really like is to hide or remove that button altogether.

My questions are,

Why am I not able to disable the "Add feature" button?
Is it possible to hide that button, in addition, or instead of, disabling it?
If the above isn't possible, can I maybe make the Editor window small enough to only show "Edit feature", but then expand that window when the form for editing is visible (after the user has selected a feature to edit)?
If none of the above is possible, can I implement my own editor widget, and if so, what available advice, direction, sample code, etc. is there for doing so?

Re: Can't disable "Add feature" button in Editor widget

RickeyFight — Fri, 19 Nov 2021 22:00:00 GMT

@BrentGrossman

You can hide the button using css. But that would be fore all layers.

One other way would be to disable creating features on the service.

Re: Can't disable "Add feature" button in Editor widget

BrentGrossman — Fri, 19 Nov 2021 22:09:31 GMT

Thanks very much. I think hiding the button would be fine--I don't need it for any layers. I looked at Editor.scss and didn't find references to the add and edit buttons. Can you give me more information about how I'd go about hiding the add button?

Re: Can't disable "Add feature" button in Editor widget

RickeyFight — Fri, 19 Nov 2021 22:17:38 GMT

@BrentGrossman

I added to the element visibility: hidden;

Re: Can't disable "Add feature" button in Editor widget

BrentGrossman — Fri, 19 Nov 2021 22:36:17 GMT

Thanks. Pardon me if I'm being obtuse. It looks as if you edited the source for the Editor example at https://developers.arcgis.com/javascript/latest/sample-code/widgets-editor-configurable/live/, but I don't know how to relate that to my own code.

I'd expect I'd have some sort of CSS entry that begins with .esri-editor__feature-list-item. I did find some CSS that uses "[role=button]" and ":first-child", so I may be able to figure this out. Sorry if this is CSS 101, but it's not familiar to me.

Re: Can't disable "Add feature" button in Editor widget

BrentGrossman — Fri, 19 Nov 2021 22:47:34 GMT

I tried this:

.esri-editor__feature-list-item[role="button"][tabindex="0"] { visibility: hidden; }

but it hid both buttons :(.

Re: Can't disable "Add feature" button in Editor widget

BrentGrossman — Fri, 19 Nov 2021 22:51:18 GMT

@RickeyFight , this seems to work (though maybe there's a better way?):

.esri-editor__feature-list-item[role="button"]:nth-of-type(2) { visibility: hidden; }

Thanks much for your help!

Re: Can't disable "Add feature" button in Editor widget

Kishore — Sun, 21 Nov 2021 12:24:19 GMT

Hi Brent,

I am not sure this will help your workflow. However, you can refer to the Editor widget API for disabling the actions by specifying the Allowed workflows:

const editor = new Editor({ view: view, allowedWorkflows: ["update"] // allows only updates and no adds });

Please refer to the link: esri-widgets-Editor.html activeWorkflow

Thank you.

Re: Can't disable "Add feature" button in Editor widget

ArnoFiva — Mon, 22 Nov 2021 08:20:58 GMT

As @Kishore already pointed out, using Editor.allowedWorkflows is the supported and recommended way to toggle which workflows are supported.

You can also tweak this on a per-layer basis using Editor.layerInfos :

const editor = new Editor({ /* ... */ layerInfos: [{ layer: featureLayer, enabled: true, // default is true, set to false to disable editing functionality addEnabled: true, // default is true, set to false to disable the ability to add a new feature updateEnabled: false // default is true, set to false to disable the ability to edit an existing feature deleteEnabled: false // default is true, set to false to disable the ability to delete features }] });

Hope this helps and makes your other Editor related questions obsolete @BrentGrossman, otherwise feel free to reach out again!

Re: Can't disable "Add feature" button in Editor widget

BrentGrossman — Mon, 22 Nov 2021 16:30:11 GMT

Thanks, @Kishore. Your solution works for me and seems like a more straightforward way to set the allowed actions than modifying the CSS. I did not notice allowedWorkflows when I originally looked at the Editor documentation, though it's one of the first listed properties.

@ArnoFiva's alternative of using layerInfos is something I'd already tried (see the code in my original post) without success.

I didn't accept Kishore's answer as the solution. Apparently here, unlike, for example, Stack Overflow, it's not only the original poster who can accept a solution. Anyway, thanks again.

Re: Can't disable "Add feature" button in Editor widget

ArnoFiva — Tue, 23 Nov 2021 08:27:23 GMT

Thanks for the feedback @BrentGrossman and sorry I missed the fact that you also tried to pass addEnabled in the layerInfos. It would be good to see a complete sample as that should work. I've just tried it on the Configurable Editor Widget sample and this is what it looks like:

Using addEnabled on the layerInfos

As @Kishore pointed out using allowedWorkflows directly on the Editor

Re: Can't disable "Add feature" button in Editor widget

BrentGrossman — Tue, 23 Nov 2021 18:33:37 GMT

@ArnoFiva, I was able to make "addEnabled: False" work on the Configurable Editor Widget sample, too, by putting it in both layers. My code gets many layers from the portal WebScene that it uses (most of which are not editable), so maybe that's the difference?

"allowedWorkflows" is a perfectly adequate solution for me, but I can probably provide more of my code, if you want to look at it to better understand why "addEnabled" didn't work for me, though I don't think I should post it here.