Hola a todos,
La página que estamos desarrollando tiene scroll, es decir, ocupa más de lo que se visualiza por pantalla. Queremos mostrar un panel lateral a la derecha con evento de botón. El problema que tenemos es que el panel no se visualiza al 100% del ancho vertical de la página. Si estamos con scroll en la parte baja de la web, al mostrarse el panel lateral, éste se visualiza arriba. Es decir, obliga al usuario a subir scroll para ver el panel. He probado con el addon SlideTab y con layouts básicos (VerticalLayout), modificando propiedades height y size, pero el comportamiento es el mismo. No sé qué podemos estar haciendo mal. Estamos trabajando con la versión 13.
Gracias!
Si entendí bien, se puede lograr jugando un poco con Divs y tamaños. Prueba con esto:
@Route
public class MainView extends VerticalLayout {
public MainView() {
this.setSpacing(false);
this.setMargin(false);
this.setPadding(false);
HorizontalLayout hl = new HorizontalLayout();
hl.setSpacing(false);
hl.setMargin(false);
hl.setPadding(false);
Div di = new Div(new Label("Izquierda"));
Div dl = new Div(new Label("Derecha"));
dl.setHeight("3000px");
Div dd = new Div(dl);
di.setSizeFull();
di.setHeight("100vh");
di.getStyle().set("background-color", "green");
dd.setSizeFull();
dd.setHeight("100vh");
dd.getStyle().set("background-color", "purple");
dd.getStyle().set("overflow", "auto");
hl.add(di,dd);
hl.setSizeFull();
add(hl);
}
}
Saludos!