topic Re: Change or remove selection color? in ArcGIS JavaScript Maps SDK Questions

Change or remove selection color?

StaffanstorpsKommun — Thu, 13 Nov 2014 15:04:02 GMT

Is it possible to change or remove the outline color when querying/selecting a feature? We have invisible polygons (no fill or outline color) which we want the user to be able to query and get a popup from in our web map. However, we don’t want the polygon to get selected with the default cyan color, since they are meant to be invisible. The map is an ArcGIS Online web map which is presented in a story map template, which we have downloaded to our web server. There is no “query”- or “onClick”-call in the js-code for the story map template, so we don’t know what to do?

Re: Change or remove selection color?

RobertScheitlin__GISP — Thu, 13 Nov 2014 15:54:30 GMT

Staffanstrops,

To change the color of the selection you would set the fillsymbol or the linesymbol of the popup.

        //initialize popup window
        var popup = new esri.dijit.Popup({
        fillSymbol: new esri.symbol.SimpleFillSymbol(esri.symbol.SimpleFillSymbol.STYLE_SOLID, new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_SOLID, new dojo.Color([255,0,0]), 2), new dojo.Color([255,255,0,0.25]))
        }, dojo.create("div"));

You can also find out how to disable the selection in the popup documentation.

Here is the documentation reference:

popup-amd | API Reference | ArcGIS API for JavaScript

Re: Change or remove selection color?

StaffanstorpsKommun — Thu, 13 Nov 2014 16:24:19 GMT

Wow, much simpler than we expected ! Thanks Robert!

Re: Change or remove selection color?

MarcBate — Fri, 03 Jun 2016 19:23:14 GMT

Do I just create the popup after I create the map, or do I assign it to a featurelayer?

Re: Change or remove selection color?

RobertScheitlin__GISP — Sat, 04 Jun 2016 01:46:24 GMT

Marc,

Just use map.infowidow.fillSymbol = x;

Re: Change or remove selection color?

LeroyChristophersen — Tue, 13 Sep 2016 22:03:05 GMT

Hi Robert,

I am having this same issue. What folder or file contains the "

//initialize popup window
var popup = new esri.dijit.Popup({
fillSymbol: new esri.symbol.SimpleFillSymbol(esri.symbol.SimpleFillSymbol.STYLE_SOLID, new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_SOLID, new dojo.Color([255,0,0]), 2), new dojo.Color([255,255,0,0.25]))
}, dojo.create("div"));

as shown earlier. I am using the out of the box Search and want the item found to just be highlighted with no fill covering the location.

I've looked int the Config for the Search and Selection widgets, but do not see the popup file.

Thanks,

Re: Change or remove selection color?

RobertScheitlin__GISP — Tue, 13 Sep 2016 23:50:15 GMT

Leroy,

OK, I see the issue is you are asking about WAB but you are in the native JS API space. Your question is better placed and already answered in the WAB space.

https://community.esri.com/thread/165739

Re: Change or remove selection color?

LeroyChristophersen — Wed, 14 Sep 2016 00:06:22 GMT

Thanks Robert.

That takes care of what I needed.

Leroy A. Christophersen

Sent from my Wireless smartphone

Re: Change or remove selection color?

LeroyChristophersen — Wed, 14 Sep 2016 23:52:07 GMT

Thanks Robert.

I checkedout the answer link. Is there a better tool for reviewing and editing the .js file other than notepad++?

Using notepad++ lines of code run together. Most of the other languages, it works quite nicely.

Leroy A. Christophersen

Sent from my Wireless smartphone

Re: Change or remove selection color?

RobertScheitlin__GISP — Thu, 15 Sep 2016 01:18:32 GMT

Leroy,

The only reason the code wold be running together in Notepad++ is you are trying to edit minified code (I.e. code downloaded from AGOLs WAB). If you want to make code changes you really need to get WAB Dev and start from there.

Re: Change or remove selection color?

RebeccaStrauch__GISP — Thu, 15 Sep 2016 01:28:30 GMT

I like Brackets - A modern, open source code editor that understands web design. which was originally suggested by you Robert. But Notepad works for me too.....but refer to Robert's comment re: the minified. as Robert knows best.

Re: Change or remove selection color?

LeroyChristophersen — Thu, 15 Sep 2016 15:20:22 GMT

Thanks Robert,

I have the Developer and am familiar with getting under the hood. However, recently I have had trouble with the workflow of AGOL integrating with developer.

Is there a recommended tutorial that goes through the best practices of using the Data from ArcGIS desktop/AGOL into developer?

BTW, I know you hear this and sometimes the dialogues or demands must be HUGE, but thanks for your expertise and sharing of your knowledge. The GIS world is fortunate to have you and people like you.

Leroy A. Christophersen

South Feather Water & Power Agency

2310 Oro Quincy Hwy

Oroville, CA 95966

530-534-2235

Re: Change or remove selection color?

RobertScheitlin__GISP — Thu, 15 Sep 2016 15:28:06 GMT

Leroy,

So I am a little confused then. If you have developer, is this app you are attempting to edit, did you start it in developer or AGOL?

As far as tutorial, not really. If you have developer you should just start a new app and select a webmap from your AGOL account that has the layers you want and then you can get into the Search Widget.js to edit the selection color.

Re: Change or remove selection color?

LeroyChristophersen — Thu, 15 Sep 2016 15:34:46 GMT

This application was started on AGOL and then downloaded to be hosted on site. Since it's creation, several staff members have asked for modifications, such as the selection style, color and such. So as a result, I have been modifying it to meet the needs, thus the conflict or confusion.

Sounds like the best solution is to recreate the map within Developer, since it can't be downloaded into Developer, and then make the under-the-hood changes.

Leroy A. Christophersen

South Feather Water & Power Agency

2310 Oro Quincy Hwy

Oroville, CA 95966

530-534-2235

Re: Change or remove selection color?

RobertScheitlin__GISP — Thu, 15 Sep 2016 15:45:20 GMT

Leroy,

That is the exact needed course of action.

Re: Change or remove selection color?

LeroyChristophersen — Wed, 28 Sep 2016 19:36:09 GMT

Hi Robert,

I am into WAB Developer, but cannot find the .js that controls the color or transparency of the Search results.

When a search is performed, the found feature is selected, outlined and shaded into a rust color overlay.

I’ve checked the Widget.js in the search folder and the CSS folder as well.

Sincerely,

Re: Change or remove selection color?

RobertScheitlin__GISP — Wed, 28 Sep 2016 19:56:23 GMT

Leroy,

Refer to this thread in the WAB space:

https://community.esri.com/thread/163700

Re: Change or remove selection color?

BrianDudek — Thu, 30 Mar 2017 14:26:13 GMT

So disabling the selection/removing highlight is only possible in the developer environment as far as I have noticed. This is still correct right? I notice the Information Lookup template has it disabled, but I was attempting to do it in the web app builder on arcgis.com without any luck. Guessing still need to set up a development/hosting environment off of arcgis online then.

Re: Change or remove selection color?

RobertScheitlin__GISP — Thu, 30 Mar 2017 14:31:31 GMT

Correct

Re: Change or remove selection color?

ChristianBischof — Fri, 15 May 2020 11:19:08 GMT

Hey folks I need exactly this solution, but solved in the new ArcGIS JS API 4.15 - would be glad if anybody can help me out with this task!