nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

polygon outline setStyle() and setWidth() not working

BenFousek

Polygon outline setStyle() and setWidth() are not updating the graphic in the map but the object is updating. These are the only two that aren't working for all symbol types and settings.

A fiddle to demonstrate.

The functions in question:

updateLineType: function (value, graphic) {   switch (graphic._type) {   case 'polyline':     graphic.symbol.setStyle(value);     break;   case 'polygon':     //what is wrong with setting polygon outline style?????     graphic.symbol.outline.setStyle(value);     break;   }   graphic.getLayer().refresh(); }, updateLineWidth: function (value, graphic) {   switch (graphic._type) {   case 'polyline':     graphic.symbol.setWidth(value);     break;   case 'polygon':     //what is wrong with setting polygon outline width?????     graphic.symbol.outline.setWidth(value);     break;   }   graphic.getLayer().refresh(); },

Find more posts tagged with

Accepted answers

robertopepato_bizpoke

updateLineType: function (value, graphic) {   switch (graphic._type) {   case 'polyline':     graphic.symbol.setStyle(value);     break;   case 'polygon':     //what is wrong with setting polygon outline style?????     graphic.symbol.outline.setStyle(value);     break;   }   graphic.getLayer().refresh(); }, updateLineWidth: function (value, graphic) {   switch (graphic._type) {   case 'polyline':     graphic.symbol.setWidth(value);     break;   case 'polygon':     //what is wrong with setting polygon outline width?????     graphic.symbol.outline.setWidth(value);     break;   }   graphic.getLayer().refresh(); },

You can get the desired effect by reseting the symbol on the polygon graphic.

For example, to turn the polygon outline from solid to dashed you can use:

var symbol = polygon.symbol; symbol.outline.setStyle(SLS.STYLE_DASH); polygon.setSymbol(symbol);

Let me known if it helps.

Roberto Pepato.

All comments

robertopepato_bizpoke

Thanks Roberto. That works.

It's just curious that all other symbol types and their respective set methods work in that manner but these two don't.

Good point. I don't know how to explain why that works for one kind of geometry but it doesn't work for another. Maybe someone from Esri can clarify this question?

BenFousek

Thanks Roberto. That works.

It's just curious that all other symbol types and their respective set methods work in that manner but these two don't.

robertopepato_bizpoke

updateLineType: function (value, graphic) {   switch (graphic._type) {   case 'polyline':     graphic.symbol.setStyle(value);     break;   case 'polygon':     //what is wrong with setting polygon outline style?????     graphic.symbol.outline.setStyle(value);     break;   }   graphic.getLayer().refresh(); }, updateLineWidth: function (value, graphic) {   switch (graphic._type) {   case 'polyline':     graphic.symbol.setWidth(value);     break;   case 'polygon':     //what is wrong with setting polygon outline width?????     graphic.symbol.outline.setWidth(value);     break;   }   graphic.getLayer().refresh(); },

You can get the desired effect by reseting the symbol on the polygon graphic.

For example, to turn the polygon outline from solid to dashed you can use:

var symbol = polygon.symbol; symbol.outline.setStyle(SLS.STYLE_DASH); polygon.setSymbol(symbol);

Let me known if it helps.

Roberto Pepato.

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.