Important Notice - Forums is archived
To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.
Layout y paneles
Estoy intentando hacer un form que se vea como la imagen 1; sin embargo solo logro que se vea como la imagen 2; seguro estoy haciendo algo con los layouts, paneles, etc mal pero no me doy cuenta que.
Alguien podria ayudarme?
Adjunto el código:
public class VarianteTabWindow extends VerticalLayout{
public VarianteTabWindow() {
this.createUI();
}
private void createUI() {
this.setSizeFull();
this.setWidth("100%");
this.setMargin(true);
//this.setSpacing(true);
Panel pnlPrincipal = new Panel("");
Panel pnlVariante = new Panel("");
HorizontalLayout layVariante = new HorizontalLayout();
layVariante.setSizeFull();
layVariante.setMargin(true);
layVariante.setSpacing(true);
TextArea txtDescripcion= new TextArea("");
txtDescripcion.setValue("Desc");
Image imgColor = new Image();
TextField txtStar = new TextField();
txtStar.setValue("Star");
TextField txtQuality = new TextField();
txtQuality.setValue("Qua");
txtDescripcion.setWidth("100%");
imgColor.setWidth("100%");
txtStar.setWidth("100%");
txtQuality.setWidth("100%");
//layVariante.addComponents(txtDescripcion);
layVariante.addComponents(txtStar);
layVariante.addComponents(txtQuality);
layVariante.addComponents(txtDescripcion);
//layVariante.addComponents(txtDescripcion, txtStar, txtQuality);
pnlVariante.setContent(layVariante);
//pnlVariante.setSizeFull();
//separator
Panel pnlAsociaciones = new Panel("Asociaciones");
VerticalLayout layAsociaciones = new VerticalLayout();
//layAsociaciones.setSizeFull();
layAsociaciones.setWidth("100%");
layAsociaciones.setHeight("100%");
pnlAsociaciones.setContent(layAsociaciones);
Panel pnlFrecuencias = new Panel ("Frecuencias");
VerticalLayout layFrecuencias = new VerticalLayout();
layFrecuencias.setSizeFull();
pnlFrecuencias.setContent(layFrecuencias);
Panel pnlPredictores = new Panel ("Predictores");
VerticalLayout layPredictores = new VerticalLayout();
layPredictores.setSizeFull();
pnlPredictores.setContent(layPredictores);
HorizontalLayout cabezal = new HorizontalLayout();
cabezal.setSpacing(true);
cabezal.setWidth("100%");
cabezal.setHeight("25%");
cabezal.addComponents(pnlVariante);
HorizontalLayout paneles = new HorizontalLayout();
paneles.setSpacing(true);
paneles.setSizeFull();
pnlAsociaciones.setWidth("100%");
pnlFrecuencias.setWidth("100%");
pnlPredictores.setWidth("100%");
paneles.addComponents(pnlAsociaciones, pnlFrecuencias, pnlPredictores);
VerticalLayout layPrincipal = new VerticalLayout();
layPrincipal.addComponent(cabezal);
layPrincipal.addComponent(new Label("<hr />",Label.CONTENT_XHTML));
layPrincipal.addComponent(paneles);
layPrincipal.setSpacing(false);
layPrincipal.setSizeFull();
pnlPrincipal.setSizeFull();
pnlPrincipal.setContent(layPrincipal);
//pnlPrincipal.setSizeUndefined();
this.addComponents(pnlPrincipal);
}
}
Gracias por la ayuda
Hola
Tenía un problema similar al tuyo, todos los objetos los tenía en un VerticalLayaut con la propiedad Height al 100%, lo solucione cambiando ese valor a uno por defecto "auto".