topic Re: Change default symbology for Add Data widget in Dev in ArcGIS Web AppBuilder Questions

Change default symbology for Add Data widget in Dev

LeeAllen — Mon, 29 Jul 2019 20:27:52 GMT

I'm looking to change the default symbol when using the "Add Data" widget. I am using the developer edition, but can't find the code to set the symbol anywhere in the widget code. The default point icon is way too small. Thanks!

Re: Change default symbology for Add Data widget in Dev

RobertScheitlin__GISP — Sun, 12 Dec 2021 03:30:23 GMT

Lee,

Here is what you will need to change.

\widgets\AddData\search\AddFromFilePane.js (added Lines 23-26 and 32)

define(["dojo/_base/declare",
    "dojo/_base/lang",
    "dojo/_base/array",
    "dojo/_base/json",
    "dojo/on",
    "dojo/Deferred",
    "dojo/dom-class",
    "dijit/Viewport",
    "dojo/sniff",
    "dijit/_WidgetBase",
    "dijit/_TemplatedMixin",
    "dijit/_WidgetsInTemplateMixin",
    "dojo/text!./templates/AddFromFilePane.html",
    "dojo/i18n!../nls/strings",
    "./LayerLoader",
    "./util",
    "dojo/_base/kernel",
    "esri/request",
    "esri/layers/FeatureLayer",
    "esri/layers/KMLLayer",
    "esri/geometry/scaleUtils",
    "jimu/dijit/Message",
    "esri/symbols/SimpleMarkerSymbol",
    "esri/renderers/SimpleRenderer",
    "esri/symbols/SimpleLineSymbol", 
    "esri/Color",
    "jimu/dijit/CheckBox"
  ],
  function(declare, lang, array, dojoJson, on, Deferred, domClass, Viewport, sniff,
    _WidgetBase, _TemplatedMixin, _WidgetsInTemplateMixin,template, i18n,
     LayerLoader, util, kernel, esriRequest, FeatureLayer, KMLLayer, scaleUtils,
     Message, SimpleMarkerSymbol, SimpleRenderer, SimpleLineSymbol, Color) {
...‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Same file (added 16 - 21)

...
      _addFeatures: function(job,featureCollection) {
        //var triggerError = null; triggerError.length;
        var fullExtent, layers = [], map = job.map, nLayers = 0;
        var loader = new LayerLoader();
        if (featureCollection.layers) {
          nLayers = featureCollection.layers.length;
        }
        array.forEach(featureCollection.layers,function(layer) {
          var featureLayer = new FeatureLayer(layer, {
            id: loader._generateLayerId(),
            outFields: ["*"]
          });
          featureLayer.xtnAddData = true;
          if (featureLayer.graphics) {
            if(featureLayer.graphics[0].geometry.type === "point"){
              featureLayer.renderer = new SimpleRenderer(new SimpleMarkerSymbol(SimpleMarkerSymbol.STYLE_SQUARE, 10,
                new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID,
                new Color([255,0,0]), 1),
                new Color([0,255,0,0.25])));
            }
            job.numFeatures += featureLayer.graphics.length;
          }
...‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: Change default symbology for Add Data widget in Dev

LeeAllen — Tue, 30 Jul 2019 13:49:18 GMT

Thank you Robert, works perfectly!

Re: Change default symbology for Add Data widget in Dev

ErfanGoharian — Fri, 16 Oct 2020 20:10:50 GMT

Can you help me (or someone) help me to modify this code in a way that it shows the "polygon" with the red outline and none fill?

Re: Change default symbology for Add Data widget in Dev

RobertScheitlin__GISP — Sun, 12 Dec 2021 03:30:25 GMT

            if(featureLayer.graphics[0].geometry.type === "point"){
              featureLayer.renderer = new SimpleRenderer(new SimpleMarkerSymbol(SimpleMarkerSymbol.STYLE_SQUARE, 10,
                new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID,
                new Color([255,0,0]), 1),
                new Color([0,255,0,0.25])));
            }else if(featureLayer.graphics[0].geometry.type === "polygon"){
              featureLayer.renderer = new SimpleRenderer(new SimpleFillSymbol(SimpleFillSymbol.STYLE_NULL,
                new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID,
                new Color([255,0,0]), 1),
                new Color([0,0,0,0])));
            }‍‍‍‍‍‍‍‍‍‍‍

Re: Change default symbology for Add Data widget in Dev

ErfanGoharian — Fri, 16 Oct 2020 20:27:36 GMT

THANKS!

Is there a way to also add some coordination (like coordination of shapefile vertices or centroid) of the uploaded shapefile?

Re: Change default symbology for Add Data widget in Dev

RobertScheitlin__GISP — Fri, 16 Oct 2020 20:33:10 GMT

sorry that is a bit beyond the context of this thread.

Re: Change default symbology for Add Data widget in Dev

abureaux — Wed, 22 Sep 2021 16:08:35 GMT

I am trying this out, but am getting this when I add a test file to the widget to load:

There was an issue.

I.set is not a function

Has anyone encountered this? Currently looking for a solution. Will let you know if I find one.

Edit: This is with WAB 2.20 and a GEOjson file which was not present in 2.12. I will work with AddFromFilePane.js from 2.12 and see if I can get that to work.

Re: Change default symbology for Add Data widget in Dev

JoeCatanzarita — Tue, 29 Nov 2022 17:27:57 GMT

Hey there -- wondering if you've found a solution to this? I'm currently running into the same issue. Looking at the possibility of using PictureMarker instead of SimpleSymbol but would prefer a symbol over a picture.

@RobertScheitlin__GISP Curious if you might have encountered the above error before?

EDIT: Was able to figure out the e.set is not a function error. It had to do with the order in which libraries were defined at the top of the script.

Prior order (failure): CheckBox, SimpleMarkerSymbol, SimpleRenderer, SimpleLineSymbol, Color.

Current Order (succes): SimpleMarkerSymbol, SimpleRenderer, SimpleLineSymbol, Color, CheckBox