topic Combining legend and visibility slider in to the layer list in ArcGIS JavaScript Maps SDK Questions

Combining legend and visibility slider in to the layer list

rajriyas9 — Thu, 08 Dec 2022 17:25:37 GMT

I am looking for the combination of Legend and Visibility Slider both in to the Layer List.

Code:

const layerList = new LayerList({
  view: view,
  listItemCreatedFunction: function (event) {
    const item = event.item;
    item.panel = {
      content: "legend",
      open: true
    };

 const slider = new Slider({
      min: 0,
      max: 1,
      precision: 2,
      values: [ 1 ],
      visibleElements: {
        labels: true,
        rangeLabels: true
      }
    });

    item.panel = {
      content: slider,
      className: "esri-icon-sliders-horizontal",
      title: "Change layer opacity"
    };
  }
});

Is it possible? if yes, Please share the code.

Re: Combining legend and visibility slider in to the layer list

UndralBatsukh — Tue, 13 Dec 2022 17:57:23 GMT

This simple codepen show how this can be done: https://codepen.io/U_B_U/pen/VwdJbBe?editors=100 and the below is the main code:

Re: Combining legend and visibility slider in to the layer list

Jeff-Reinhart — Wed, 23 Aug 2023 15:18:45 GMT

Thanks, @UndralBatsukh! That covered all the little pieces I was missing.