topic Re: Customize Legend Widget in WAB 2.6 in Web AppBuilder Custom Widgets Questions

Customize Legend Widget in WAB 2.6

BineetBara — Mon, 09 Jul 2018 04:45:05 GMT

Hi,

I am having tiled map services as a base map for which legend is not shown in Legend widget. I created images for different scales and toggle the images at zoom in/out. in the legend widget. The image comes above the dynamic feature layer legend , I want it below the dynamic legend shown below.

Kindly help.

Regards,

Bineet

Re: Customize Legend Widget in WAB 2.6

RobertScheitlin__GISP — Mon, 09 Jul 2018 12:29:34 GMT

Bineet,

What does your code look like for placing this item?

Re: Customize Legend Widget in WAB 2.6

BineetBara — Mon, 09 Jul 2018 14:02:31 GMT

How can I put custom legend HTML in bottom of dynamic legend HTML?

Re: Customize Legend Widget in WAB 2.6

RobertScheitlin__GISP — Mon, 09 Jul 2018 15:26:32 GMT

You do a query for the DOM object and use domContruct place to place the new element in your desired location.

Re: Customize Legend Widget in WAB 2.6

BineetBara — Tue, 10 Jul 2018 12:44:34 GMT

Hi,

I have tried this but it is not working as expected.

As per my requirement static legend should come after dynamic legend which is dynamically generating.

I have attached widget.js and widget.html with screenshots.

Re: Customize Legend Widget in WAB 2.6

RobertScheitlin__GISP — Tue, 10 Jul 2018 13:09:08 GMT

Bineet,

So your issue is that you have this line in your onOpen function:

this.legend = new Legend(legendParams, html.create("div", {}, this.domNode));‍‍

Which means that each time your widget is opened you create a Legend dijit and place it in the widgets main dom node. You do not specify a specific div in the widgets template to place the Legend Dijit in. This is how the OTB widget was developed but you are trying to add your elements at a specific position so you can not use that method.