Vaading 7.7.9

Se requiere una página que tenga header y footer pero estos son proporcionados por ligas. en HTML puro este es el código que funciona sin nungún problema:

<link href="https://framework-gb.cdn.gob.mx/qa/assets/styles/main.css" rel="stylesheet">
<!-- Contenido -->
<main class="page">
  <div class="container">HOLA MUNDO</div>
</main>

<!-- JS -->
<script src="https://framework-gb.cdn.gob.mx/qa/gobmx.js"></script>

Pero en vaadin solo muestra el head, no se observa el footer.
Pdría alguien indicarme que me esta faltando mi código es el siguiente:

@Theme(“mytheme”)
@JavaScript(“https://framework-gb.cdn.gob.mx/gobmx.js”)
@StyleSheet(“https://framework-gb.cdn.gob.mx/assets/styles/main.css”)
public class MyUI extends UI {

/**
 * 
 */
private static final long serialVersionUID = 1056041145452734540L;

@Override
protected void init(VaadinRequest vaadinRequest) {
    final VerticalLayout layout = new VerticalLayout();
    
    final TextField name = new TextField();
    name.setCaption("Type your name here:");

    Button button = new Button("Click Me");
    button.addClickListener( e -> {
        layout.addComponent(new Label("Thanks " + name.getValue() 
                + ", it works!"));
    });
    
    layout.addComponents(name, button);
    layout.setMargin(true);
    layout.setSpacing(true);
    layout.setSizeUndefined();
    setContent(layout);
}

@WebServlet(urlPatterns = "/*", name = "MyUIServlet", asyncSupported = true)
@VaadinServletConfiguration(ui = MyUI.class, productionMode = false)
public static class MyUIServlet extends VaadinServlet {

    /**
     * 
     */
    private static final long serialVersionUID = -4501243198524322663L;
}

De antemano agradesco la atención…

Hola,

Me parece que no es possible de esta manera.
El “UI” en Vaadin tiene que controlar a toda la pantalla.

Lo que podria functionar es incluir el Vaadin a dentro de una pagina web.
Aqui hay una documentacion : https://vaadin.com/docs/v8/framework/advanced/advanced-embedding.html

Sebastien.

Sebastien Libert

muchas gracias por el Tip y tu tiempo , me funcionó.

Otras 2 opciones:

Alejandro Duarte muchas gracias también probaré con tus recomendaciones, para tener mas opciones.