Selected and Unselected Buttons

Ask the community
,
1

Hello
Is there a button that can be selected and unselected?
And how to know if he is selected or not?
Example in the photo.

781×426 6.7 KB

Thanks

2

Is it the Selection Tags element?

3

No, I wanted to do it with buttons and not with tag selection.Because I wanted to put an image on the background of the button and with the selection tag I can’t.

4

@franciscolou22 So put all the buttons (and only the buttons) in a transparent box , and do something like:

$w.onReady(() => {
    const selectionBtnIds = $w('#buttonBox').children.map(e => e.id);
    $w(selectionBtnIds.reduce((a,b) => a + `#${b},`, '').onClick(event => {
        const selectedId = event.target.id;
        const unselectedBtnIds = selectionBtnIds.filter(e => e !== selectedId); 
        unselectedBtnIds.forEach(e => $w('#' + e).style.BackgroundColor = 'grey');
        $w('#' + selectedId).style.BackgroundColor = 'blue';
    }) 
})