topic Re: Hide Edit Features section of Editor Widget in ArcGIS JavaScript Maps SDK Questions

Hide Edit Features section of Editor Widget

JillianStanford — Wed, 04 May 2022 19:58:02 GMT

Hi,

I'm using an Editor widget to allow users to add new features to a layer but they will not be able to update or delete existing features. To keep things simple, I'd like to remove the "Edit features" section of the widget and just display the "Create features" section.

I've set the "allowedWorkflows" property to ["create-features"]

I have the widget configured with a single layerInfo object and it has updateEnabled and deletedEnabled set to false.

editBikeLayerConfig = { layer: layer, addEnabled: true, updateEnabled: false, deleteEnabled: false, formTemplate: { elements: [{ type: "field", fieldName: "Name", label: "Name" }] } }; const editor = new Editor({ view: view, layerInfos: [editBikeLayerConfig], allowedWorkflows: ["create-features"], supportingWidgetDefaults: { featureTemplates: { visibleElements : { filter: false } } } });

Is there a property that I can configure for this?

Thanks!

Jill

Re: Hide Edit Features section of Editor Widget

JoelBennett — Wed, 04 May 2022 23:13:48 GMT

Somebody can correct me if I'm wrong, but the visibility of that section doesn't appear to be configurable. Adding the following to the style tag of the "Edit features with the Editor widget" sample causes it to disappear though:

div.esri-editor__scroller>div:first-child { display: none; }

Perhaps you can work that selector (or something similar to it) into your application.

Re: Hide Edit Features section of Editor Widget

JillianStanford — Thu, 05 May 2022 15:50:14 GMT

It would be nice if it was configurable but your solutions works.

Thank you!

Re: Hide Edit Features section of Editor Widget

JillianStanford — Thu, 05 May 2022 19:03:58 GMT

Oops, I spoke too soon -
This solution doesn't work because once the widget switches to the attribute editor view the first child div is the FeatureForm widget and it becomes hidden.

I am no css wizard, I can get rid of the Select button but not the Edit feature header.

.esri-editor__update-features-action-buttons {
display: none;
}

Re: Hide Edit Features section of Editor Widget

JoelBennett — Thu, 05 May 2022 19:41:01 GMT

My bad...I didn't actually try using the widget after making that change. It seems that in addition to what you have to hide the Select button, you could add the second selector shown below to get rid of the header as well:

.esri-editor__update-features-action-buttons { display: none; } div.esri-editor__scroller>div:first-child h5 { display: none; }

I have actually tried going through the workflow with those, and it appears to work as expected.

Re: Hide Edit Features section of Editor Widget

JillianStanford — Thu, 05 May 2022 19:51:48 GMT

That seems to work and the FeatureForm remains visible!

This post seems to indicate that the allowedWorkflows parameter should control what tools are visible and I'd like to know what I'm doing wrong there but for now I'll use your solution.

Many thanks!

Re: Hide Edit Features section of Editor Widget

cybryant — Sun, 06 Nov 2022 17:05:01 GMT

Thank you!!!! I had been trying to figure this out too. I also expected the allowedWorkflows parameter to adjust this. It does in the opposite direction, when you set it to 'update' only, but not in for just adding.