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; } } }

Customize Map Switcher

RyanGillen

I would like to add a basemap button in the mapswitcher that is only visible/enabled once the user is zoomed into a certain level. I cannot figure out how to get at the buttons in the button bar to disable the one I want. Has anyone attempted anything like this?

Find more posts tagged with

Accepted answers

All comments

RyanGillen

It is still really flaky even after using the call later function you posted above. Sometimes it works sometimes it errors out trying to get the button from the datagroup. I must be missing something.

RyanGillen

Thanks Robert, that worked out. I did have to change this line:

var b3:ButtonBarButton = tbb.getChildAt(idx) as ButtonBarButton;

To This:

var b3:ButtonBarButton = tbb.dataGroup.getElementAt(idx) as ButtonBarButton;

RobertScheitlin__GISP

Ryan,

You could try adding this to the end of the init function

this.callLater(yourDisablefunction);

RyanGillen

Well I tried putting the call to the function in the init function after reading the list of basemaps into the mapList variable, which is bound to the button bar as the data provider. I also tried putting the function call in the creationCompleteHandler and setTbbSelectedIndex functions, both give the same index out of bounds error. I want the button to be disabled inititally, then I will listen for the maps zoom level to change and if the zoom level is in far enough then I will set the button to enabled. I cant figure out where to call the function from so that the button is initially disabled.

RobertScheitlin__GISP

Ryan,

I am not sure where or when you are calling it but you do have to be sure the the buttonbars dataprovider is set before you try to disable a button.

RyanGillen

Robert,

This is how I was attempting to modify the buttons, but I always get index out of bounds errors. The button I want to modify is the third one, however calling the function you posted giving it 2 as the parameter throws an error. I have 3 basemaps so it should be a valid index. Do I need to listen for a certain event before trying to call that function?

RobertScheitlin__GISP

Ryan,

Here is some code for disabling/enabling a specific butonbar button:

private function toggleButton(idx:uint, selected:Boolean):void {
                var b3:ButtonBarButton = buttonBar.getChildAt(idx) as ButtonBarButton;
                b3.enabled = selected;
            }

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.