Unable to use shapefiles added from the Add Data widget in the Smart Editor widget

Description

The Smart Editor widget in ArcGIS Web AppBuilder fails to load shapefiles added from the Add Data widget.

Cause

This is expected behavior. The zipped shapefile added using the Add Data widget is not editable. The Smart Editor widget only works with editable layers, which must be set when editing the web app.

Solution or Workaround

As a workaround, publish the shapefiles as hosted feature layers to ArcGIS Online, and recreate the web app.

1. Sign in to ArcGIS Online, and publish the shapefiles as hosted feature layers. Refer to ArcGIS Online: Publish a shapefile or GeoJSON file for instructions.

Note:
Ensure the published hosted feature layers are editable. Refer to ArcGIS Online: Manage settings for editing for instructions.

2. Open the previously created web map, and add the hosted feature layers to the web map through the Search for layers option. Save the web map. Refer to ArcGIS Online: Search for layers for more information.
3. Click Share to share the web map, and select Everyone (public).
4. Click CREATE A WEB APP to recreate the web app.

5. In the Create a New Web App dialog box, click Web AppBuilder and fill in the information. Click GET STARTED.

6. In ArcGIS Web AppBuilder, add the Smart Editor widget to create or edit the features.

The image below shows the Smart Editor dialog box with the editable layers.