topic Custom icon switch to default after select and unselect feature in feature class in Web AppBuilder Custom Widgets Questions

Custom icon switch to default after select and unselect feature in feature class

ZdeněkSoldán — Tue, 07 Nov 2017 07:48:56 GMT

Hello,

I have some feature layers created in my code from feature collection. In the feature collection I have defined a default icon for this layer. Further in the code I change the icon for some features according some parameters.

When I open Attribute Table widget with this layer and select the feature with different icon than default and after that unselect this feature it have default icon not the icon I defined for this feature.

How can I preserve the defined icon in such cases?

Thanks a lot!

Re: Custom icon switch to default after select and unselect feature in feature class

RobertScheitlin__GISP — Tue, 07 Nov 2017 13:40:59 GMT

Zdeněk,

It sounds like you are setting the graphics symbol individually. If you use a unique value renderer instead you should not have this issue.

Re: Custom icon switch to default after select and unselect feature in feature class

ZdeněkSoldán — Tue, 07 Nov 2017 14:54:00 GMT

Hello Robert,

yes I'm. Can you explain me what do you mean with unique value renderer and how to use it?

Thanks a lot

Re: Custom icon switch to default after select and unselect feature in feature class

ZdeněkSoldán — Tue, 07 Nov 2017 14:56:50 GMT

Ok, I looked what is unique value renderer and it is not usable for me. I have png icons as a symbols and I need to use them.

Re: Custom icon switch to default after select and unselect feature in feature class

RobertScheitlin__GISP — Tue, 07 Nov 2017 15:16:14 GMT

Zdeněk,

There is NO reason why you can not use png files in your implementation of a Unique value renderer.

Re: Custom icon switch to default after select and unselect feature in feature class

ZdeněkSoldán — Tue, 07 Nov 2017 18:54:37 GMT

Robert,

I tried to implement Unique value renderer and I made some progress but still have some issue. In my Layer List widget it looks good. I have there all needed icons but in map there is nothing. No icons for my features.

Re: Custom icon switch to default after select and unselect feature in feature class

RobertScheitlin__GISP — Tue, 07 Nov 2017 19:28:04 GMT

Zdeněk,

I would have to see your implementation of the UV renderer.

Re: Custom icon switch to default after select and unselect feature in feature class

ZdeněkSoldán — Sun, 12 Dec 2021 10:06:11 GMT

Here it is.

startup: function () {
        this.inherited(arguments);
        var map = this.map;
        var SSZFeatureLayer;
var SSZFeatureCollection = {
          "layerDefinition": null,
          "featureSet": {
            "features": [],
            "geometryType": "esriGeometryPoint"
          }
        };
SSZFeatureCollection.layerDefinition = {
          "geometryType": "esriGeometryPoint",
          "objectIdField": "ObjectID",
          "spatialReference": {
            "wkid": 4326,
            "latestWkid": 4326
          },
          "drawingInfo": {
            "renderer": {
              "type": "simple",
              // "symbol": {
              //   "type": "esriPMS",
              //   "url": "images/traffic_lights_005826.svg",
              //   "contentType": "image/svg",
              //   "width": 17,
              //   "height": 17
              // }
            }
          },
          //"minScale":50000,
          "fields": [{
            "name": "ObjectID",
            "alias": "ObjectID",
            "type": "esriFieldTypeOID"
          }, {
            "name": "serialno",
            "alias": "ID zařízení",
            "type": "esriFieldTypeString"
          }, {
            "name": "desc",
            "alias": "Popis",
            "type": "esriFieldTypeString"
          }, {
            "name": "devtype",
            "alias": "Typ zařízení",
            "type": "esriFieldTypeString"
          }, {
            "name": "locality",
            "alias": "Lokalita",
            "type": "esriFieldTypeString"
          }, {
            "name": "street1",
            "alias": "Ulice 1",
            "type": "esriFieldTypeString"
          }, {
            "name": "street2",
            "alias": "Ulice 2",
            "type": "esriFieldTypeString"
          }, {
            "name": "timeStamp",
            "alias": "Zmena stavu",
            "type": "esriFieldTypeString"
          }, {
            "name": "color",
            "alias": "Barva",
            "type": "esriFieldTypeString"
          }]
        }
var devPopupTemplate = new PopupTemplate({
          title: "<b>Sériové číslo</b>: {serialno}",
          //descritpion: "<table><tr><th><b>Popis</b>:</th><th>{desc}</th></tr><tr><th><b>Typ zařízení</b>:</th><th>{devtype}</th></tr><tr><th><b>Lokalita</b>:</th><th>{locality}</th></tr><tr><th><b>Ulice 1</b>:</th><th>{street1}</th></tr><tr><th><b>Ulice 2</b>:</th><th>{street2}</th></tr></table>"
          description: "<b>Popis</b>: {desc} </br><b>Typ zařízení</b>: {devtype} </br><b>Lokalita</b>: {locality} </br><b>Ulice 1</b>: {street1} </br><b>Ulice 2</b>: {street2}</br><b>Zmena stavu</b>: {timeStamp} "
        });
SSZFeatureLayer = new FeatureLayer(SSZFeatureCollection, {
          id: 'SSZ',
          infoTemplate: devPopupTemplate,
          visible: false,
          showLabels: true,
          outFields: ["*"]
        })
var defaultSymbol = "images/traffic_lights_005826.svg"
        var renderer = new UniqueValueRenderer(defaultSymbol, "color");
        renderer.addValue("000000",new PictureMarkerSymbol("images/traffic_lights_000000.svg",17,17));
        renderer.addValue("0000A0",new PictureMarkerSymbol("images/traffic_lights_0000A0.svg",17,17));
        renderer.addValue("0000FF",new PictureMarkerSymbol("images/traffic_lights_0000FF.svg",17,17));
        renderer.addValue("7F7F7F",new PictureMarkerSymbol("images/traffic_lights_7F7F7F.svg",17,17));
        renderer.addValue("9E0B0E",new PictureMarkerSymbol("images/traffic_lights_9E0B0E.svg",17,17));
        renderer.addValue("005826",new PictureMarkerSymbol("images/traffic_lights_005826.svg",17,17));
        renderer.addValue("8000FF",new PictureMarkerSymbol("images/traffic_lights_8000FF.svg",17,17));
        renderer.addValue("F7901E",new PictureMarkerSymbol("images/traffic_lights_F7901E.svg",17,17));
        renderer.addValue("FF0000",new PictureMarkerSymbol("images/traffic_lights_FF0000.svg",17,17));
        renderer.addValue("FFF200",new PictureMarkerSymbol("images/traffic_lights_FFF200.svg",17,17));
        SSZFeatureLayer.setRenderer(renderer)

SSZFeatureLayer.on("click", function (evt) {
          map.infoWindow.setFeatures([evt.graphic]);
        });

map.on("layers-add-result", function (results) {
          requestDevices();
        });
map.addLayers([SSZFeatureLayer])

function requestDevices() { Function to request the data}
}‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: Custom icon switch to default after select and unselect feature in feature class

RobertScheitlin__GISP — Sun, 12 Dec 2021 10:06:14 GMT

Do not include:

          "drawingInfo": {
            "renderer": {
              "type": "simple",
              // "symbol": {
              //   "type": "esriPMS",
              //   "url": "images/traffic_lights_005826.svg",
              //   "contentType": "image/svg",
              //   "width": 17,
              //   "height": 17
              // }
            }
          },
          //"minScale":50000,‍‍‍‍‍‍‍‍‍‍‍‍‍

in your layerDefinition.

Is the values in your data's color field upper case like?

"7F7F7F"

Re: Custom icon switch to default after select and unselect feature in feature class

ZdeněkSoldán — Tue, 07 Nov 2017 20:28:38 GMT

Yes, data's color field is upper case. And I commented the whole part drawingInfo and still nothing in my map.

Re: Custom icon switch to default after select and unselect feature in feature class

ZdeněkSoldán — Tue, 07 Nov 2017 20:34:21 GMT

Robert,

I found the error in my code. Default symbol wasn't a symbol object. Now it works!

Thanks a lot