Adding additional layer list actions to layer list with legend example

Question

Hi,

Was hoping someone can show me how to add the opacity slider to a layer list with legend.

I am essentially trying to combine these two examples. preferably adding action items to the layer list with legend example.

https://developers.arcgis.com/javascript/latest/sample-code/sandbox/?sample=widgets-layerlist-legend

https://developers.arcgis.com/javascript/latest/sample-code/sandbox/?sample=widgets-layerlist-actions

Key · Answer

Joel,

I got it to work. I feel goofy it didn't come to me earlier. Thank you for your time on this. Below is the solution, I just need to add this snippet

// create a layerlist and expand widget and add to the view
        async function defineActions(event) {
          const item = event.item;

await item.layer.when();

if (item.layer.type != "group") {
                // don't show legend twice
                item.panel = {
                    content: "legend",
                    open: false
                };
                }

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

JoelBennett · Answer

The solutions provided are specific to the samples, because that's how your original request was framed.  If you copy and paste the code into the samples, you'll see the solutions do work, and do add an opacity slider into the layer list along with the legend.

I can't tell why it doesn't work in your application, because I can't access it or its source code.  Perhaps since the code I've provided is specific to the samples, maybe you included the condition that restricts the modifications to a layer with the title "Census Tracts" (line 24 in both snippets).

Key · Answer

Thanks for taking another look. If I use the code above it removes the legend within the layer list.