Button with same size ?

Hello

I’m looking for a solution for make 5 buttons with samesize.

I’m trying this


// principal container
HorizontalLayout hLayout = new HorizontalLayout();
setContent(hLayout);
        
// buttons
curriculum = new Button("Curriculum");
escolaridade = new Button("Escolaridade");
cursos = new Button("Cursos");
experiencias = new Button("Experiências");
sair = new Button("Sair");
        
// toolbar
VerticalLayout toolbar = new VerticalLayout();
        
// buttons toolbar
toolbar.addComponent(curriculum);
toolbar.addComponent(escolaridade);
toolbar.addComponent(cursos);
toolbar.addComponent(experiencias);
toolbar.addComponent(sair);        
        
// add components
hLayout.addComponent(vLayoutSession);        
hLayout.addComponent(toolbar);

//expand ratio toolbar
toolbar.setExpandRatio(curriculum, 1.0f);
toolbar.setExpandRatio(escolaridade, 1.0f);
toolbar.setExpandRatio(cursos, 1.0f);
toolbar.setExpandRatio(experiencias, 1.0f);
toolbar.setExpandRatio(sair, 1.0f);

How I can make all buttons with same size ?

Set 100% widths to Buttons

curriculum.setWidth(100, Unit.PERCENTAGE);
escolaridade.setWidth(100, Unit.PERCENTAGE);...

Book of Vaadin does include quite nice text about layout slots and how components fill those slots.

https://vaadin.com/book/-/page/layout.orderedlayout.html

works, thanks !! :smiley: