Please ensure Javascript is enabled for purposes of website accessibility
Powered by Zoomin Software. For more details please contactZoomin

GISMapApp

UniqueValue renderer

  • Last UpdatedFeb 13, 2025
  • 2 minute read

In the below example the Esri States layer is configured with a UniqueValue renderer that displays a red color when the field UOC_STATUS = 1.

  1. Double click the GISMapApp in the imported app to open the editor.

  2. Select the Esri States layer.

  3. In the DRAWINGINFO change the renderer to UniqueValue.

  4. Enter UOC_STATUS in the Field section.

  5. Enable DefaultSymbol option and configure a Simple Fill symbol similar to the symbol created in the LabelingInfo and Simple Renderer section.

    Renderer information

  6. In the UNIQUEVALUESINFO section, select +ITEM to add a new item.

  7. Enter 1 in the Value field and configure a Simple Fill symbol with a red fill color.

    Renderer configuration

  8. Save and close the GISMapApp editor.

  9. Deploy your view app. Launch OMI or OMI Web to explore how the render is different when the UOC_STATUS field UOC_STATUS = 1.

    Preview

    Below the json string with the configuration of the layer:

    {

    "title": "Esri States",

    "type": "esri",

    "url": " https://sampleserver6.arcgisonline.com/arcgis/rest/services/Census/MapServer/3",

    "assetNameTemplate": "{STATE_NAME}",

    "drawingInfo": {

    "renderer": {

    "field": "UOC_STATUS",

    "type": "uniqueValue",

    "uniqueValueInfos": [

    {

    "symbol": {

    "style": "esriSFSSolid",

    "type": "esriSFS",

    "color": [

    237,

    28,

    36,

    128

    ],

    "outline": {

    "color": [

    237,

    28,

    36,

    255

    ],

    "type": "esriSLS"

    }

    },

    "value": "1"

    }

    ],

    "defaultSymbol": {

    "style": "esriSFSSolid",

    "type": "esriSFS",

    "color": [

    163,

    73,

    164,

    128

    ],

    "outline": {

    "color": [

    163,

    73,

    164,

    255

    ],

    "type": "esriSLS"

    }

    }

    },

    "labelingInfo": [

    {

    "labelExpression": "STATE_NAME"

    }

    ]

    },

    "isBaseMap": false,

    "merge": true,

    "visible": true

    }

TitleResults for “How to create a CRG?”Also Available in