nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Change the layout of cluster popup action buttons

Hi,

In a code like this one is there any possiblity to change the layout of the action buttons like in the picture below ?

change order of cluster popup action buttons.jpg

Find more posts tagged with

Accepted answers

For those of you interested in this feature, you may find a solution here.

All comments

For those of you interested in this feature, you may find a solution here.

Anyone to tell me if it's possible or not please ?

If it's not I will post in JavaScript Maps SDK Ideas section.

I tried with the code below but it does not work.

reactiveUtils.when(
          () => view.popup?.viewModel?.active,
          //() => view.popup?.viewModel?.visible,
          () => {
            if (view.popup.selectedFeature.isAggregate) {
                
                const allActions = view.popup.viewModel.allActions.clone();
                
                const browseAction = allActions.at(4);
                allActions.reorder(browseAction, 0);
                
                const convexHullAction = allActions.at(2);
                allActions.reorder(convexHullAction, 4);
                
                const statisticsAction = allActions.at(1);
                allActions.reorder(statisticsAction, 2);
                
                //allActions.forEach((action) => console.log(action.id));

                view.popup.actions.removeAll(); // DOES NOT WORK BECAUSE actions PROPERTY IS ALREADY EMPTY
                //view.popup.selectedFeature.layer.popupTemplate.actions.removeAll();
                
                //view.popup.viewModel.overwriteActions = true;
                //view.popup.viewModel.includeDefaultActions = false;
                
                view.popup.actions = allActions; // ACTIONS ARE DUPLICATED. WHAT IS WORSE IS THAT THEY DUPLICATE EVERY TIME POPUP IS ACTIVATED BECAUSE OF reactiveUtils.when(() => view.popup?.viewModel?.active, ...)
                //view.popup.selectedFeature.layer.popupTemplate.actions = allActions;
            }
          }
        );

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.