Get something like overflow-Event

Hi,

i am trying to set up a Button bar which does not have a specific with.
It is set to 100% by the parent component.
Now i have somethin like a bar of buttons where multiple buttons are added,
but at some point the buttons will ether overflow or there will be a scrollbar, but i would like to have another solution where a button pops up to show “more buttons availible” and no overflow and no scrollbar should be visible.
But can’t find any resources on that one.

Here is a quick example:

[code]
ButtonBar bar = new ButtonBar();
bar.setWith(“100%”);
//add some buttons

public class ButtonBar extends VerticalLayout{
    private ArrayList<Button> someMore;
    private Button moreButtons;
    public ButtonBar(){
        someMore = new ArrayListButton<>();
        moreButtons.addClickListener(new ClickListener() {
            @Override
            public void buttonClick(ClickEvent event) {
                //show smoeMore Buttons in something like a dropdown
            }
        });
        addComponent(moreButtons);
    }
    public void addButton(Button btn){
        boolean doesFitInLayout = ???;
        if(doesFitInLayout){
            addComponent(btn, getComponentCount()-1);
        }else{
            someMore.add(btn);
        }
    }
    
}

[/code]Thanks for your help and ideas

greetings Michael

Hi,

You could use the MenuBar component, which does exactly this (collapses the options that do not fit in the layout to a dropdown. Resize the browser to see it happen:
https://demo.vaadin.com/valo-theme/#!menubars

Thats quite a good idea - i will give this a try.
Thanks you.