Consulta demo vaadin

Estimados, Junto con saludar, quisiera consultar si es posible comenzar un proyecto a partir del siguiente ejemplo.

http://demo.vaadin.com/dashboard/#!dashboard

Hola,

Es posible obtener el código en
https://github.com/vaadin/dashboard-demo
.

Saludos.

Alejandro te agradezco, tecomento que he podido avanzar algo por mi cuenta , pero ahora me falta saber como poder darle el aspecto deseado, te dejo codigo que llevo e imagen adjunta.

package com.vaadin.ricardo.proyecto.mavenproject3;

import javax.servlet.annotation.WebServlet;

import com.vaadin.annotations.Theme;
import com.vaadin.annotations.VaadinServletConfiguration;
import com.vaadin.annotations.Widgetset;
import com.vaadin.server.FontAwesome;
import com.vaadin.server.VaadinRequest;
import com.vaadin.server.VaadinServlet;
import com.vaadin.ui.Alignment;
import com.vaadin.ui.Button;
import com.vaadin.ui.Button.ClickEvent;
import com.vaadin.ui.CssLayout;
import com.vaadin.ui.HorizontalLayout;
import com.vaadin.ui.Label;
import com.vaadin.ui.MenuBar;
import com.vaadin.ui.MenuBar.MenuItem;
import com.vaadin.ui.Panel;
import com.vaadin.ui.UI;
import com.vaadin.ui.VerticalLayout;

/**
 *
 */
@Theme("mytheme")
@Widgetset("com.vaadin.ricardo.proyecto.mavenproject3.MyAppWidgetset")
public class MyUI extends UI {

    @Override
    protected void init(VaadinRequest vaadinRequest) {
        MenuBar menu=new MenuBar();
        MenuItem user=menu.addItem("Lorem ipsumdolor", null, null);
        MenuItem EditProfile=user.addItem("Edit Profile", null);
        MenuItem Preferences=user.addItem("Preferences", null);
        user.addSeparator();
        MenuItem SingOut=user.addItem("Sing Out", null);
        menu.setWidth("100%");
        Label lbl1=new Label("Component UI Elements");
        lbl1.setIcon(FontAwesome.CLOUD);
        lbl1.setWidth("100%");
        Label lblComponents=new Label("Components 13");
        VerticalLayout contenedor=new VerticalLayout();
        contenedor.setSizeFull();
        CssLayout topbar=new CssLayout();
        Label lbl=new Label("Vaadin Valo Theme");
        
        lbl.setStyleName("h3");
        Button btn1=new Button("Labels");
        btn1.setIcon(FontAwesome.CLOUD_DOWNLOAD);
        btn1.setWidth("100%");
        Button btn2=new Button("Buttons & Links");
        btn2.setIcon(FontAwesome.CLOUD_UPLOAD);
        btn2.setWidth("100%");
        Button btn3=new Button("TextFields");
        btn3.setIcon(FontAwesome.ASTERISK);
        btn3.setWidth("100%");
        
        topbar.addComponent(lbl);
        topbar.addComponent(menu);
        topbar.addComponent(lbl1);
        topbar.addComponent(lblComponents);
        topbar.addComponent(btn1);
        topbar.addComponent(btn2);
        topbar.addComponent(btn3);
        contenedor.addComponent(topbar);
        HorizontalLayout horizontal=new HorizontalLayout();
        horizontal.setSizeFull();
        Panel pCentro=new Panel("CONTENIDO");
        pCentro.setSizeFull();
        horizontal.addComponent(contenedor);
        horizontal.addComponent(pCentro);
        horizontal.setExpandRatio(contenedor, 30);
        horizontal.setExpandRatio(pCentro, 80);
               
        setContent(horizontal);

    }

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

21342.png

Resuelto :slight_smile:

hola y como resolviste podrias poner una captura a ver como quedo? thanks a lot. :smiley:

Ahi esta.
21804.png