topic Re: How to change the default color of the draw widget? in ArcGIS JavaScript Maps SDK Questions

How to change the default color of the draw widget?

HuyVo1 — Tue, 05 Jul 2016 14:45:05 GMT

Hello everyone,

is there somewhere in the code that can change the default color of the draw widget from black to ,say , red?

Re: How to change the default color of the draw widget?

RobertScheitlin__GISP — Tue, 05 Jul 2016 15:08:14 GMT

Huy,

Sure you just set the fillSymbol:

Draw | API Reference | ArcGIS API for JavaScript 3.17 | fillSymbol

or the lineSymbol:

Draw | API Reference | ArcGIS API for JavaScript 3.17 | lineSymbol

or the markerSymbol:

Draw | API Reference | ArcGIS API for JavaScript 3.17 | markerSymbol

Re: How to change the default color of the draw widget?

HuyVo1 — Thu, 07 Jul 2016 13:40:29 GMT

Thank you very much !

Re: How to change the default color of the draw widget?

RobertScheitlin__GISP — Thu, 07 Jul 2016 13:54:05 GMT

Don't forget to mark this question as answered by clicking on the "Correct Answer" link on the reply that answered your question.

Re: How to change the default color of the draw widget?

HuyVo1 — Thu, 07 Jul 2016 15:41:55 GMT

I accidentally marked my answer as correct answer. I'm looking for a way to resolve it. Is there anyway to fix this problem?

Re: How to change the default color of the draw widget?

RobertScheitlin__GISP — Thu, 07 Jul 2016 15:47:34 GMT

Huy,

Sure just open this thread (you can not do this from your inbox) and click on the Correct Answer link on the appropriate reply.

Re: How to change the default color of the draw widget?

MichaelAugust — Mon, 12 Sep 2016 18:01:47 GMT

Could either of you describe in more detail which section of the Draw widget code, and which file, that you need to edit the default fill? I'm specifically looking to have our default polygon draw with a 45 deg line hatch and a 2 pt. outline for example, however I'm looking through the Widget.js file and am having a little trouble connecting the dots from the links above as to how/where to alter the widget code, thanks!

Re: How to change the default color of the draw widget?

RobertScheitlin__GISP — Fri, 10 Dec 2021 20:41:11 GMT

Michael,

In the DrawWidget/Widget.js file find the postCreate function (line 6):

      postCreate: function() {
        this.inherited(arguments);
        this._initLayers();
        jimuUtils.combineRadioCheckBoxWithLabel(this.showMeasure, this.showMeasureLabel);
        this.drawBox.setMap(this.map);
        this.drawBox.setPolygonSymbol(yoursymbol);‍‍‍‍‍‍

Re: How to change the default color of the draw widget?

MichaelAugust — Tue, 13 Sep 2016 15:24:59 GMT

Thanks Robert, I'll check that out!

Re: How to change the default color of the draw widget?

Anonymous User — Thu, 20 Jun 2019 15:50:12 GMT

I'm just stumbling across this thread, but I also want to change the default polygon color in the Draw widget. I'm not getting how to do this through the line of code inserted on line 6 above. I've experimented and tried inserting all kinds of parameters but I'm obviously not getting it. All I want to do is change the default polygon color to red with a black outline. Can someone help me implement this? Thanks.

Re: How to change the default color of the draw widget?

RobertScheitlin__GISP — Thu, 20 Jun 2019 16:03:14 GMT

Brock,

You would provide a SimpleFillSymbol class (yoursymbol = SimpleFillSymbol) to this line.

It would require you to add the SimpleFillSymbol to the widgets define array.

this.drawBox.setPolygonSymbol(yoursymbol);