topic Re: Web AppBuilder - Limit Legend Items Based on Filters or Map Extent in ArcGIS Web AppBuilder Questions

Web AppBuilder - Limit Legend Items Based on Filters or Map Extent

TessOldemeyer — Tue, 10 Apr 2018 22:47:02 GMT

Is there a way to limit legend items to only those feature values in the current extent in a Web AppBuilder (Developer's Edition 2.7) app? I currently have a service layer symbolized by unique values for my attribute of interest, though as I zoom to features, it would be nice to limit the legend to show only the unique values that are currently displayed (rather than having to browse through the many many unique values that are symbolized for the layer within the legend). I am using the filter widget to filter and zoom to features based off of multiple expressions for unique values and previous expression filters. Maybe limiting legend contents would need to be configured within the original map document, the service, the Portal web map, or in the application itself? I have attempted to achieve this functionality with the Legend and Layers widgets and have not had any luck. I'm curious as to what steps I may need to take to establish this functionality.

Thanks in advance!

Tess

Re: Web AppBuilder - Limit Legend Items Based on Filters or Map Extent

RobertScheitlin__GISP — Wed, 11 Apr 2018 13:25:22 GMT

Tess,

This is something that several people have asked for but, it is not available. The amount of code would be large to make this happen as the extent change event would have to be listened for and then a query of each layer that is in the map extent would have to be done and then the Legends layerInfos would have to be updated and that would only remove a whole layer that is not inside the extent that would not even cover a unique val of a renderer that is not present in the legend (that is a whole other ball game).

Re: Web AppBuilder - Limit Legend Items Based on Filters or Map Extent

TessOldemeyer — Wed, 11 Apr 2018 14:18:20 GMT

Good to know. I will look forward to this capability if it may become available in the future. Thanks!

Tess

Re: Web AppBuilder - Limit Legend Items Based on Filters or Map Extent

JamalWest2 — Sun, 12 Dec 2021 05:10:49 GMT

I have found a way to do this, I haven't had any issues yet. I did this within a report widget . The onSubscribe function runs within the widgets onOpen function. The function to turn layers back on runs after report w/map is created. The DWclick topic runs the doWork() function.

postCreate: function() {
this.inherited(arguments);
this.own(topic.subscribe("DWclick", lang.hitch(this, this.doWork)));
this.own(topic.subscribe("FRclick", lang.hitch(this, this.finReport)));
},



onOpen: function () {

this.onSubscribe();
setTimeout(function() {topic.publish('DWclick');}, 6000);
},



doWork: function () {

//Create and print report

setTimeout(function() {topic.publish('FRclick');}, 3000);

}



onSubscribe: function() {
var extent = this.map.extent
layerlist=[];
LayerInfos.getInstance(this.map, this.map.itemInfo, extent).then(function(layerInfosObject){
layerInfosObject.traversal(function(layerInfo) {
if (layerInfo._visible) {
if(layerInfo.title!=="QV_Utility" && layerInfo.title!=="Ticket Symbols" && layerInfo.title!=="Closed Tickets" && layerInfo.title!=="Emergency Tickets" && layerInfo.title!=="Open Tickets" ){
var fullrl = layerInfo.layerObject.url;
var qt = new QueryTask(fullrl);
var query = new Query();
query.returnGeometry = false;
var OIDfield = layerInfo.layerObject.objectIdField;
query.where = "1=1";
query.geometry = extent;
var countDef = layerInfo.layerObject._currentDef = qt.executeForCount(
query,
lang.hitch(layerInfo.layerObject, function(results) {

if (results){


return results;
}
else{
if (results==0) {
//console.log("-This layer:",layerInfo.title,"Is not currently in mapview and must be turned off, it has 0 or undefined# of records.",results);
layerInfo.setTopLayerVisible(false);
layerlist.push(layerInfo.title);
}
}

})
);
}
}
});
});
//this._clearLayers()
//this.showLayers();
//console.log(layerlist);
this.layerlist= layerlist;
return this.layerlist;
PanelManager.getInstance().closePanel('_31_panel');
},

finReport: function(layerlist) {
//console.log("FINREPORT");
console.log("FINREPORT",this.layerlist); 
LayerInfos.getInstance(this.map, this.map.itemInfo).then(function(layerInfosObject){
layerInfosObject.traversal(function(layerInfo) {
if (this.layerlist.includes(layerInfo.title)){
//console.log(layerInfo.title, "will be turned on now");
layerInfo.setTopLayerVisible(true);
}
});
});
},

‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: Web AppBuilder - Limit Legend Items Based on Filters or Map Extent

TessOldemeyer — Wed, 18 Apr 2018 15:58:09 GMT

Thank you so much for this info. I added this code to the widget.js file in a Report dijit widget, and I am hiving issues with mainfest.json errors from the widget. As I have not yet spent much time configuring custom widgets, these errors could be from multiple sources. Would you mind making this widget folder available to download?

Re: Web AppBuilder - Limit Legend Items Based on Filters or Map Extent

JamalWest2 — Wed, 18 Apr 2018 17:39:12 GMT

None of the other files within the folder would be affected by this change. The only issue you may have is with this line.

PanelManager.getInstance().closePanel('_31_panel');

You may want to comment this line out as it is not likely a widget Id that is utilized in your app. Also be sure to add dojo/topic module to your require/function section at the top of widget.js.

require(["dojo/topic"], function(topic){

Can you post your error here?

I attached my widget.js file below. You can check it out and replace/add sections to your own widget.js where necessary.

Re: Web AppBuilder - Limit Legend Items Based on Filters or Map Extent

TessOldemeyer — Wed, 18 Apr 2018 20:22:57 GMT

Thanks again for all of your help Jamal. It turns out I had a syntax error in the manifest.json file that I was able to resolve, so that error is no longer showing up when I start the WAB sartup.bat file. However, I am currently getting a 'create widget error' after I add the widget via WAB and try to open it.

I have attached my current 'Report' widget folder. If you can provide any recommendations on where I might need to make modifications, they will be helpful. I apologize that I am new to this type of configuration, and I may be missing some very obvious errors...

Thanks again!

Tess

Re: Web AppBuilder - Limit Legend Items Based on Filters or Map Extent

JamalWest2 — Wed, 18 Apr 2018 20:31:46 GMT

You'll have to look at the browsers console to see what the errors are. There are a number of reasons that a widget may not open.

Re: Web AppBuilder - Limit Legend Items Based on Filters or Map Extent

TessOldemeyer — Wed, 18 Apr 2018 23:16:35 GMT

Thanks. This is super helpful and good to go through. This is pretty big and messy.

panel [widgets_Report_Widget_32_panel] created.
17:00:01.993 Widget.js?wab_dv=2.7:2 Uncaught SyntaxError: Unexpected identifier
17:00:02.014 WidgetManager.js?wab_dv=2.7:116 create [widgets/Report/Widget] error:TypeError: clazz is not a constructor
at Object.createWidget (https://mydevurl:3344/webappbuilder/apps/2/jimu.js/WidgetManager.js?wab_dv=2.7:320:16)
at Object.<anonymous> (https://mydevurl:3344/webappbuilder/apps/2/jimu.js/WidgetManager.js?wab_dv=2.7:112:35)
at https://jsdev.arcgis.com/3.23/init.js:63:337
at h (https://jsdev.arcgis.com/3.23/init.js:107:277)
at q (https://jsdev.arcgis.com/3.23/init.js:107:203)
at d.resolve (https://jsdev.arcgis.com/3.23/init.js:109:280)
at Object.<anonymous> (https://mydevurl:3344/webappbuilder/apps/2/jimu.js/WidgetManager.js?wab_dv=2.7:189:13)
at https://jsdev.arcgis.com/3.23/init.js:63:337
at h (https://jsdev.arcgis.com/3.23/init.js:107:277)
at q (https://jsdev.arcgis.com/3.23/init.js:107:203)

Widget.js?wab_dv=2.7:127 Uncaught TypeError: Cannot read property 'name' of undefined
at Object._onWidgetCreation (VM3435 Widget.js:127)
at Object.<anonymous> (VM2999 init.js:63)
at Object.c [as onwidget-created] (VM2999 init.js:119)
at Function.h.emit (VM2999 init.js:124)
at Function.h.emit (VM2999 init.js:125)
at Object.emit (VM2999 init.js:117)
at Object.<anonymous> (VM3326 WidgetManager.js:131)
at VM2999 init.js:63

init.js:114 TypeError: clazz is not a constructor
at Object.createWidget (VM3326 WidgetManager.js:320)
at Object.<anonymous> (VM3326 WidgetManager.js:112)
at VM2999 init.js:63
at h (VM2999 init.js:107)
at q (VM2999 init.js:107)
at d.resolve (VM2999 init.js:109)
at Object.<anonymous> (VM3326 WidgetManager.js:189)
at VM2999 init.js:63
at h (VM2999 init.js:107)
at q (VM2999 init.js:107) "TypeError: clazz is not a constructor
at Object.createWidget (https://mydevurl:3344/webappbuilder/apps/2/jimu.js/WidgetManager.js?wab_dv=2.7:320:16)
at Object.<anonymous> (https://mydevurl:3344/webappbuilder/apps/2/jimu.js/WidgetManager.js?wab_dv=2.7:112:35)
at https://jsdev.arcgis.com/3.23/init.js:63:337
at h (https://jsdev.arcgis.com/3.23/init.js:107:277)
at q (https://jsdev.arcgis.com/3.23/init.js:107:203)
at d.resolve (https://jsdev.arcgis.com/3.23/init.js:109:280)
at Object.<anonymous> (https://mydevurl:3344/webappbuilder/apps/2/jimu.js/WidgetManager.js?wab_dv=2.7:189:13)
at https://jsdev.arcgis.com/3.23/init.js:63:337
at h (https://jsdev.arcgis.com/3.23/init.js:107:277)
at q (https://jsdev.arcgis.com/3.23/init.js:107:203)
----------------------------------------
rejected at a (https://jsdev.arcgis.com/3.23/init.js:108:174)
at h (https://jsdev.arcgis.com/3.23/init.js:107:450)
at q (https://jsdev.arcgis.com/3.23/init.js:107:203)
at d.l.reject (https://jsdev.arcgis.com/3.23/init.js:109:488)
at Object.<anonymous> (https://mydevurl:3344/webappbuilder/apps/2/jimu.js/WidgetManager.js?wab_dv=2.7:125:21)
at https://jsdev.arcgis.com/3.23/init.js:63:337
at h (https://jsdev.arcgis.com/3.23/init.js:107:277)
at q (https://jsdev.arcgis.com/3.23/init.js:107:203)
at d.resolve (https://jsdev.arcgis.com/3.23/init.js:109:280)
at Object.<anonymous> (https://mydevurl:3344/webappbuilder/apps/2/jimu.js/WidgetManager.js?wab_dv=2.7:189:13)
----------------------------------------
Error
at d.then.b.then (https://jsdev.arcgis.com/3.23/init.js:110:97)
at Object.<anonymous> (https://mydevurl:3344/webappbuilder/apps/2/jimu.js/BaseWidgetPanel.js?wab_dv=2.7:76:53)
at Object.forEach (https://jsdev.arcgis.com/3.23/init.js:70:486)
at Object.loadAllWidgetsInOrder (https://mydevurl:3344/webappbuilder/apps/2/jimu.js/BaseWidgetPanel.js?wab_dv=2.7:66:13)
at Object.startup (https://mydevurl:3344/webappbuilder/apps/2/jimu.js/BaseWidgetPanel.js?wab_dv=2.7:55:12)
at Object.g (https://jsdev.arcgis.com/3.23/init.js:197:400)
at Object.startup (https://mydevurl:3344/webappbuilder/apps/2/themes/DartTheme/panels/DartPanel/Panel.js?wab_dv=2.7:56:14)
at Object.openPanel (https://mydevurl:3344/webappbuilder/apps/2/jimu.js/PanelManager.js?wab_dv=2.7:151:17)
at Object.<anonymous> (https://mydevurl:3344/webappbuilder/apps/2/jimu.js/PanelManager.js?wab_dv=2.7:93:16)
at https://jsdev.arcgis.com/3.23/init.js:63:337"

Widget.js?wab_dv=2.7:155 TypeError: Cannot read property 'nodeType' of null
at Object.getComputedStyle (VM2999 init.js:162)
at Object.h.getContentBox (VM2999 init.js:179)
at Object._resizeController (VM3435 Widget.js:145)
at VM2999 init.js:63
17:07:47.215 Widget.js?wab_dv=2.7:155 TypeError: Cannot read property 'nodeType' of null
at Object.getComputedStyle (VM2999 init.js:162)
at Object.h.getContentBox (VM2999 init.js:179)
at Object._resizeController (VM3435 Widget.js:145)
at VM2999 init.js:63
17:07:53.986 Widget.js?wab_dv=2.7:155 TypeError: Cannot read property 'nodeType' of null
at Object.getComputedStyle (VM2999 init.js:162)
at Object.h.getContentBox (VM2999 init.js:179)
at Object._resizeController (VM3435 Widget.js:145)
at VM2999 init.js:63

Re: Web AppBuilder - Limit Legend Items Based on Filters or Map Extent

JamalWest2 — Thu, 19 Apr 2018 21:22:30 GMT

I would go through your code and make sure every section is properly closed. That is usually the issue with clazz constructor. You should be able to click the rrror and see the exact line where it has an issue. Also the last error tells you exactly what file and line the problem is on...
Widget.js?

wab_dv=2.7:155 TypeError: Cannot read property 'nodeType' of null

line 155 of Widget.js. Use console.log statements to track your codes workflow.

Re: Web AppBuilder - Limit Legend Items Based on Filters or Map Extent

TessOldemeyer — Thu, 19 Apr 2018 23:15:19 GMT

Thanks!

Re: Web AppBuilder - Limit Legend Items Based on Filters or Map Extent

LisaT — Thu, 18 Oct 2018 17:48:01 GMT

Hey Jamal, I am hoping that you can help me a bit with the setup of your code. This will be the first widget that I am attempting to customize. You mention that you are using a "report" widget as the base for this code. The only widget that I see is "ReportFeature", is this the widget that you used? I tried to just copy and paste the code you supplied into the Widget.js and comment out the "close" line, for now. However, when I click on it, it is still using the base code to ask for info that is related to ReportFeature. I can go in and remove those questions and related js, but I am starting to think I am on the wrong path. Can you help get me started?

Re: Web AppBuilder - Limit Legend Items Based on Filters or Map Extent

JamalWest2 — Thu, 18 Oct 2018 21:31:22 GMT

What are you attempting to do exactly? A custom report or a custom print widget?

Re: Web AppBuilder - Limit Legend Items Based on Filters or Map Extent

LisaT — Thu, 18 Oct 2018 21:48:30 GMT

What I am trying to do is make a large overall map. I have a few US-wide layers, such as endangered wildlife. My ultimate goal would be to put a bookmark and, when clicked, zoom into an area. I would then like the map legend to only show the endangered wildlife symbols that are in the are that I zoom into. It would also be great if it could print this way. I would think that I should be able to "re-set extent" of the map so that only a specific area is selected and thus the print and legend would only show that area, but I haven't found it yet. It seems that your tool will help to take care of the in-application legend?

Re: Web AppBuilder - Limit Legend Items Based on Filters or Map Extent

JamalWest2 — Thu, 18 Oct 2018 22:36:28 GMT

The bookmark widget does this. You can add bookmarks that take you to an exact extent that you save. Also the newer versions of print and legend widget already use the map extent as a filter. So you don't really need to use this function.

Re: Web AppBuilder - Limit Legend Items Based on Filters or Map Extent

LisaT — Mon, 22 Oct 2018 23:39:33 GMT

I may be missing something. I have the newest version, 10.6.1, and can't get the map to only show the symbols in the visible extent. I want something similar to the checkbox in ArcPro "Format Legend Item" where you can check the box to "Only Show features visible in the map extent". In my case, the extent of the underlying map is set to the whole US. There are LOTS of endangered wildlife symbols in the US extent. If I zoom in to a city, I may only see 3 symbols. In that case, I only want 3 symbols on my legend, but ALL of the symbols still print and show in the legend because the underlying map extend is still the whole US. I have configured the legend and checked/unchecked "Respect current map scale" and "Auto Update" and these 2 settings do not appear to make a difference on the legend. I was thinking that your tool fixes it so that only the 3 symbols print? Am I misunderstanding the functionality? Or, am I experiencing incorrect results with 10.6.1? Please let me know your thoughts on this so that I can attempt to troubleshoot.

Ideally, if I am zoomed into an area without ANY endangered species, I would like the layer to completely disappear or grey out on the legend (and print).

Re: Web AppBuilder - Limit Legend Items Based on Filters or Map Extent

Charlie_Kaufman — Tue, 19 Dec 2023 20:18:17 GMT

Has there been any updates to this issue? I'm having the same problem which I have a large study area with numerous smaller subset bookmarks. I would love an easy solution that as my web app moves through the bookmarks my legend changes to only show what is visible in each extent. So far I have not found a way to do this.