topic Re: Can I remove layers from my LayerList in a WAB created map? in ArcGIS Web AppBuilder Questions

Can I remove layers from my LayerList in a WAB created map?

BrianO_keefe — Mon, 16 Mar 2015 20:31:28 GMT

I have had to replicate, duplicate, and masticate (it means chew, people) several layers on a web map in order to get them to show up like the clients want them to be shown.

However, now I have a LayerList that is obnoxious with repetitive layers.

Can I remove layers from the LayerList?

And how?

Re: Can I remove layers from my LayerList in a WAB created map?

AmandaBishop — Mon, 16 Mar 2015 20:39:17 GMT

Hello Brian,

Yes, you can remove layers in a web map.

Go to the "Content" tab in the Details section to the left. Click on the arrow next to the layer and choose "Remove Layer".

Hope this helps.

Amanda

Re: Can I remove layers from my LayerList in a WAB created map?

BrianO_keefe — Mon, 16 Mar 2015 21:07:00 GMT

I need the layer to STILL show up in the map... just NOT in the LAYERLIST.

Re: Can I remove layers from my LayerList in a WAB created map?

AmandaBishop — Tue, 17 Mar 2015 14:02:55 GMT

Not sure on how to achieve that!

Re: Can I remove layers from my LayerList in a WAB created map?

MathiasDOLIDON — Wed, 18 Mar 2015 09:51:08 GMT

Hi Brian. Had a similar need. I patched the LayerList widget for it. Don't know if your use case allows that.

File : LayerListView.js

At the beginning of method drawListNode, I added :

if(layerInfo.id ~~~ matches as an id you want to hide) { return; }

Re: Can I remove layers from my LayerList in a WAB created map?

JuneAcosta — Wed, 18 Mar 2015 15:21:06 GMT

I need to make this change to my layer list as well. Can I just download the map I created or do I have to install the developer version of the WAB?

Re: Can I remove layers from my LayerList in a WAB created map?

MathiasDOLIDON — Wed, 18 Mar 2015 16:16:05 GMT

There would be quite a lot of tinkering involved. As soon as you intend to move away from the core functionalities, your workflow will probably always be much more straightforward using the developer edition from the front up. Create your app around your map, save, patch the widget in the resulting app, and you're done.

Re: Can I remove layers from my LayerList in a WAB created map?

JuneAcosta — Wed, 18 Mar 2015 16:29:00 GMT

Do we need to run ArcGIS for Portal when using the developer edition onsite?

Re: Can I remove layers from my LayerList in a WAB created map?

MathiasDOLIDON — Wed, 18 Mar 2015 16:31:16 GMT

No. You download it and you're good to go, no portal involved for the Dev edition. Web AppBuilder for ArcGIS (Developer Edition) | ArcGIS for Developers

However you will need an ArcGIS Online organization or developper account, that'll be used by the builder for authentication if nothing else.

Re: Can I remove layers from my LayerList in a WAB created map?

BrianO_keefe — Wed, 18 Mar 2015 17:14:06 GMT

Mathias,

http://maps.cityoftulsa.org/IOT/ here is the map in question.

Where would I get the layerInfo.id of the layers I want to remove?

Keep in mind, I take one layer and duplicate it multiple times, so I don't what the LAYER removed, just the extra instances of it that I added so I could set visibility settings in AGOL.

Re: Can I remove layers from my LayerList in a WAB created map?

MathiasDOLIDON — Wed, 18 Mar 2015 17:39:43 GMT

The first place to look at may be your webmap's JSON : http://www.arcgis.com/sharing/content/items/178fc074fc784f5cadd5eba053e73b30/data?f=pjson

Search for "id" and you'll see the ids assigned to map services and feature layers that you added explicitely. For example : IOT_234.

If adressing a layer inside a map service, add _X where X is the layer's id within the service. For example : IOT_234_0

Your particular case has :

IOT_1553 : bridge replacement zoom out

IOT_1553_8354 : bridge replacement zoom in

IOT_1318 : bridge rehabilitation zoom out

IOT_1318_5629 : bridge rehabilitation zoom in

IOT_234 : improve our Tulsa

IOT_234_0 : major street labels

IOT_234_1 : project details

...

IOT_234_7...

Your best bet may be to store the exclude list within a new property inside the layer list widget's config file. Then you patch where I said, checking whether the id belongs to the configured list.

Re: Can I remove layers from my LayerList in a WAB created map?

RobWaller — Wed, 18 Mar 2015 17:50:23 GMT

Are you able to do this? In my webmap I only see 'Remove' on the top level map service item. On each layer I only see 'Hide in Legend', but that doesn't remove the layer from the webmap. Is there a way to remove a single layer from a map service added to the webmap?

Re: Can I remove layers from my LayerList in a WAB created map?

BrianO_keefe — Wed, 18 Mar 2015 17:58:14 GMT

Spot on!

I (unfortunately) don't have to time to tinker around in the LayerList yet in order to create the exclusionary list. However, I'm considering a custom LayerList widget that lets you pick from your available Layers and remove from LayerList for the future. We (sadly) have to hack a lot of maps like this for a VARIETY of reasons and I keep telling myself that eventually I will have time to get in there and learn the code like I want to.

That part about the JSON was immensely eye-opening. I wish there was better documentation, more easily discoverable and understandable, for those of us with so little time to dedicate to learning this as completely as we would like to. But then I suppose that's what GeoNet is for.

Thanks again Mathias DOLIDON that was IMMENSELY satisfying to fix.

Re: Can I remove layers from my LayerList in a WAB created map?

MathiasDOLIDON — Fri, 10 Dec 2021 21:21:55 GMT

My pleasure, Brian. I'll shoot this last one before leaving the office for today.

I assume you're using the developper edition. In your app, you have the widgets folder, and inside that you find the LayerList folder. In there, there's a config.json. For now it should look like :

{
  "showLegend": true
}

Supposing you want to hide the "zoom in" layers, change it into :

{
  "showLegend": true,
  "hide" : ["IOT_1553_8354", "IOT_1318_5629"]
}

Then you open LayerListView.js. Line 50 looks like :

drawListNode: function(layerInfo, level, toTableNode) {

Change it into :

drawListNode: function(layerInfo, level, toTableNode) {
    if(this.config.hide && this.config.hide.indexOf(layerInfo.id) >= 0) {
        return;
    }

You may be done, and your widget may be reusable. At that stage, if you're happy with it, you can shove it into the client/stemapp/LayerList folder of your web app builder, so your new default LayerList supports ignoring layers if needed.

Re: Can I remove layers from my LayerList in a WAB created map?

JuneAcosta — Fri, 20 Mar 2015 19:28:00 GMT

Mathias,

Does the WAB get installed on my desktop or web server?

Re: Can I remove layers from my LayerList in a WAB created map?

RebeccaStrauch__GISP — Fri, 20 Mar 2015 19:33:13 GMT

it's best installed on a desktop machine, not a server, but it does NOT require ArcGIS Desktop or server. It will require access to ArcGIS Online or portal to get it started. For tips, check out Tips and Observations for getting Web AppBuilder - Developer Edition Installed

Re: Can I remove layers from my LayerList in a WAB created map?

BrianO_keefe — Tue, 24 Mar 2015 13:32:48 GMT

I installed ours on our development server. That's where the Flex builder USED to go... (thank the cartographer in the sky that Flex is dying)...

Is there some sort of issue I should expect if ran from a Remote into a server to access the WAB?

Re: Can I remove layers from my LayerList in a WAB created map?

JuneAcosta — Fri, 10 Dec 2021 21:21:58 GMT

Mathias,

Thanks for sharing the snippet of code!

I tried to make the same modification to my map to hide the boundary layer in the layer list, but its not working. Here's what I have.....

http://www.arcgis.com/sharing/content/items/178fc074fc784f5cadd5eba053e73b30/data?f=pjson

config.Json

{
"showLegend": true,
"hide" : ["generalPurposeLandbase_3538"]
}

LayerListView.js

postCreate: function() {
      array.forEach(this.operLayerInfos.finalLayerInfos, function(layerInfo) {
        this.drawListNode(layerInfo, 0, this.layerListTable, true);
      }, this);

      array.forEach(this.operLayerInfos.tableInfos, function(layerInfo) {
        this.drawListNode(layerInfo, 0, this.tableListTable, true);
      }, this);
    },

    drawListNode: function(layerInfo, level, toTableNode) {
  if(this.config.hide && this.config.hide.indexOf(layerInfo.id) >= 0) {
  return;
  }
      // layerInfo.getLayerType().then(function(type){
      //  console.log(type + "-------------------------------");
      // });
      var nodeAndSubNode;

Re: Can I remove layers from my LayerList in a WAB created map?

Lars_ElmkærChwastek — Tue, 14 Jul 2015 11:58:05 GMT

Mathias,

This might be a silly question but, how do you get your webmaps JSON? I should say, that I haven't worked a day in my life with JSON.

Re: Can I remove layers from my LayerList in a WAB created map?

JuneAcosta — Tue, 14 Jul 2015 13:23:50 GMT

Use this URL with your webmap ID.

http://www.arcgis.com/sharing/content/items/<your webmapID>/data?f=pjson