Package com.vaadin.ui

Examples of com.vaadin.ui.CssLayout


                        addStyleName("sidebar");
                        setWidth(null);
                        setHeight("100%");

                        // Branding element
                        addComponent(new CssLayout() {
                            {
                                addStyleName("branding");
                                Label logo = new Label(
                                        "<span>Finanzas</span> Budget",
                                        ContentMode.HTML);
View Full Code Here


    this.setWidth("600px");
  }

  private Component crearForm() {
    Panel panelForm = new Panel();
    CssLayout form = new  CssLayout();
    //form.setMargin(true);
     pregunta1 = new OptionGroup();
    pregunta1.setCaption("Planeo iniciar el retiro de fondos (efectivo) de mi cartera a dentro de:");
    pregunta1.addItem(1);
    pregunta1.setItemCaption(1, "Menos de 3 a�os");
    pregunta1.addItem(3);
    pregunta1.setItemCaption(3, "Entre 3 y 5 a�os");
    pregunta1.addItem(7);
    pregunta1.setItemCaption(7, "Entre 6 y 10 a�os");
    pregunta1.addItem(10);
    pregunta1.setItemCaption(10, "Dentro de 11 o m�s");
   
     pregunta2 = new OptionGroup();
    pregunta2.setCaption("A partir del momento que decido empezar a retirar mis fondos, planeo retirarlos en:");
    pregunta2.addItem(0);
    pregunta2.setItemCaption(0, "Menos de 2 a�os");
    pregunta2.addItem(1);
    pregunta2.setItemCaption(1, "Entre 2 y 5 a�os");
    pregunta2.addItem(4);
    pregunta2.setItemCaption(4, "Entre 6 y 10 a�os");
    pregunta2.addItem(8);
    pregunta2.setItemCaption(8, "Dentro de 11 o m�s");
   
     pregunta3 = new OptionGroup();
    pregunta3.setCaption("Describir�a mis conocimientos sobre INVERTIR como:");
    pregunta3.addItem(0);
    pregunta3.setItemCaption(0, "Nulos");
    pregunta3.addItem(2);
    pregunta3.setItemCaption(2, "Limitados");
    pregunta3.addItem(4);
    pregunta3.setItemCaption(4, "Buenos");
    pregunta3.addItem(6);
    pregunta3.setItemCaption(6, "Muy buenos");

     pregunta4 = new OptionGroup();
    pregunta4.setCaption("Cuando invierto mi dinero, estoy:");
    pregunta4.addItem(0);
    pregunta4.setItemCaption(0, "Mayormente preocupado por las p�rdidas de valor de mi cartera");
    pregunta4.addItem(4);
    pregunta4.setItemCaption(4, "Preocupado por las p�rdidas y ganancias de valor de mi cartera");
    pregunta4.addItem(8);
    pregunta4.setItemCaption(8, "Mayormente preocupado por las ganancias de valor de mi cartera");
   
     pregunta5 = new OptionGroup();
    pregunta5.setCaption("Que inversiones realiza o ha realizado en forma m�s frecuente:");
    pregunta5.addItem(0);
    pregunta5.setItemCaption(0, "Cajas de ahorro o cuenta corriente o plazo fijo");
    pregunta5.addItem(3);
    pregunta5.setItemCaption(3, "Bonos nacionales (renta fija) o fondos que invert�an en ellos");
    pregunta5.addItem(6);
    pregunta5.setItemCaption(6, "Acciones (renta variable) o fondos que invert�an en ellas");
    pregunta5.addItem(8);
    pregunta5.setItemCaption(8, "Acciones y/o bonos internacionales o fondos que invert�an en ellas");

     pregunta6 = new OptionGroup();
    pregunta6.setHtmlContentAllowed(true);
    pregunta6.addItem(0);
    pregunta6.setItemCaption(0, "Vender todas mis acciones");
    pregunta6.addItem(2);
    pregunta6.setItemCaption(2, "Vender parte de mis acciones");
    pregunta6.addItem(5);
    pregunta6.setItemCaption(5, "No hacer nada");
    pregunta6.addItem(8);
    pregunta6.setItemCaption(8, "Comprar m�s acciones");
   
     pregunta7 = new OptionGroup();
    pregunta7.setHtmlContentAllowed(true);
    pregunta7.addItem(0);
    pregunta7.setItemCaption(0, "A                             7,2%                 16,3%                   -5,6% ");
    pregunta7.addItem(3);
    pregunta7.setItemCaption(3, "A                             7,2%                 16,3%                   -5,6% ");
    pregunta7.addItem(6);
    pregunta7.setItemCaption(6, "A                             7,2%                 16,3%                   -5,6% ");
    pregunta7.addItem(8);
    pregunta7.setItemCaption(8, "A                             7,2%                 16,3%                   -5,6% ");
    pregunta7.addItem(10);
    pregunta7.setItemCaption(10, "A                             7,2%                 16,3%                   -5,6% ");

    form.addComponent(pregunta1);
    form.addComponent(new Label("<hr>",ContentMode.HTML));
    form.addComponent(pregunta2);
    form.addComponent(pregunta3);
    form.addComponent(pregunta4);
    form.addComponent(pregunta5);
    form.addComponent(new Label("Considere el siguiente escenario. Imagine que en los �ltimos 3 meses, el <br>"
                    + "mercado de acciones en su conjunto perdi� el 25% de su valor. A su vez, una <br>"
                    + "acci�n en particular que usted ten�a tambi�n perdi� el m�smo porcentaje. <br>"
                    + "�Qu� har�a usted?",ContentMode.HTML));
    form.addComponent(pregunta6);
    form.addComponent(new Label("Considere la siguiente tabla. En ella, se detallan inversiones hipot�ticas; <br>"
    + "para cada una  figura el promedio de los rendimientos obtenidos en el per�odo de 1 a�o y <br>"
    + "su peor y mejor escenario. �Con cual inversi�n se sentir�a usted m�s c�modo?",ContentMode.HTML));
    form.addComponent(pregunta7);
    panelForm.setContent(form);
    form.setWidth("500px");
    panelForm.setWidth("100%");
    panelForm.setHeight("480px");
    return panelForm;
  }
View Full Code Here

        HorizontalLayout drafts = new HorizontalLayout();
        drafts.setSpacing(true);
        titleAndDrafts.addComponent(drafts);

        CssLayout draftThumb = new CssLayout();
        draftThumb.addStyleName("draft-thumb");
        Image draft = new Image(null, new ThemeResource(
                "img/draft-report-thumb.png"));
        draftThumb.addComponent(draft);
        Label draftTitle = new Label(
                "Monthly revenue<br><span>Last modified 1 day ago</span>",
                ContentMode.HTML);
        draftTitle.setSizeUndefined();
        draftThumb.addComponent(draftTitle);
        drafts.addComponent(draftThumb);
        // TODO layout bug, we need to set the alignment also for the first
        // child
        drafts.setComponentAlignment(draftThumb, Alignment.MIDDLE_CENTER);

        final Button delete = new Button("×");
        delete.setPrimaryStyleName("delete-button");
        draftThumb.addComponent(delete);
        delete.addClickListener(new ClickListener() {
            @Override
            public void buttonClick(ClickEvent event) {
                Notification.show("Not implemented in this demo");
            }
        });

        draftThumb.addLayoutClickListener(new LayoutClickListener() {
            @Override
            public void layoutClick(LayoutClickEvent event) {
                if (event.getButton() == MouseButton.LEFT
                        && event.getChildComponent() != delete) {
                    editors.addTab(createEditorInstance(1, null, null))
View Full Code Here

        ((DashboardUI) UI.getCurrent()).updateReportsButtonBadge(draftCount
                + "");

        draftCount++;

        paletteLayout = new CssLayout();
        paletteLayout.setSizeUndefined();
        paletteLayout.addStyleName("palette");

        editor.addComponent(paletteLayout);
        editor.setExpandRatio(paletteLayout, 1);

        final SortableLayout canvas = new SortableLayout(editor.getCaption(),
                which, items, table);
        canvas.setWidth("100%");
        canvas.addStyleName("canvas");
        editor.addComponent(canvas);
        editor.setExpandRatio(canvas, 7);

        // editor.addStyleName("no-vertical-drag-hints");
        editor.addStyleName("editor");
        editor.addStyleName("no-horizontal-drag-hints");

        Label help = new Label("Drag items to the canvas");
        help.addStyleName("help");
        paletteLayout.addComponent(help);

        CssLayout wrap = new CssLayout();
        Image l = new Image(null, new ThemeResource("img/palette-text.png"));
        wrap.addComponent(l);
        Label caption = new Label("Text Block");
        caption.setSizeUndefined();
        wrap.addComponent(caption);
        DragAndDropWrapper rte = new DragAndDropWrapper(wrap);
        rte.setSizeUndefined();
        rte.setCaption("text");
        paletteLayout.addComponent(rte);
        rte.setDragStartMode(DragStartMode.WRAPPER);

        wrap = new CssLayout();
        l = new Image(null, new ThemeResource("img/palette-grid.png"));
        wrap.addComponent(l);
        caption = new Label("Top 10 Movies");
        caption.setSizeUndefined();
        wrap.addComponent(caption);
        DragAndDropWrapper grid = new DragAndDropWrapper(wrap);
        grid.setCaption("grid");
        grid.setSizeUndefined();
        paletteLayout.addComponent(grid);
        grid.setDragStartMode(DragStartMode.WRAPPER);

        wrap = new CssLayout();
        l = new Image(null, new ThemeResource("img/palette-chart.png"));
        wrap.addComponent(l);
        caption = new Label("Top 4 Revenue");
        caption.setSizeUndefined();
        wrap.addComponent(caption);
        DragAndDropWrapper chart = new DragAndDropWrapper(wrap);
        chart.setCaption("chart");
        chart.setSizeUndefined();
        paletteLayout.addComponent(chart);
        chart.setDragStartMode(DragStartMode.WRAPPER);
View Full Code Here

        return editor;
    }

    private CssLayout createTransactionLabel(final Item item) {
        CssLayout root = new CssLayout();
        root.addStyleName("transaction");

        SimpleDateFormat df = new SimpleDateFormat();
        df.applyPattern("MM/dd/yyyy hh:mm:ss a");

        Label l = new Label(df.format(((Date) item.getItemProperty("timestamp")
                .getValue()))
                + "<br>"
                + item.getItemProperty("City").getValue().toString()
                + ", "
                + item.getItemProperty("Country").getValue().toString());
        l.setSizeUndefined();
        l.setContentMode(ContentMode.HTML);
        l.addStyleName("time");
        root.addComponent(l);

        l = new Label(item.getItemProperty("Title").getValue().toString());
        l.setSizeUndefined();
        l.addStyleName("movie-title");
        root.addComponent(l);

        l = new Label("Seats: "
                + item.getItemProperty("Seats").getValue().toString()
                + "<br>"
                + "Revenue: $"
                + new DecimalFormat("#.##").format(item
                        .getItemProperty("Price").getValue()), ContentMode.HTML);
        l.setSizeUndefined();
        l.addStyleName("seats");
        root.addComponent(l);

        return root;
    }
View Full Code Here

    }

    private static WrappedComponent getWrappedComponent(Component content,
            DropHandler dropHandler) {
        if (content.getCaption() != null) {
            CssLayout wrap = new CssLayout();
            wrap.setWidth("100%");
            wrap.addComponent(content);
            return new WrappedComponent(wrap, dropHandler);
        } else {
            return new WrappedComponent(content, dropHandler);
        }
    }
View Full Code Here

    private AbstractComponent createComponentFromPaletteItem(String caption,
            String data) {

        if (caption != null) {
            if (caption.equals("text")) {
                final CssLayout l = new CssLayout();
                l.addStyleName("text-editor");
                l.addStyleName("edit");
                l.setWidth("100%");
                final RichTextArea rta = new RichTextArea();
                rta.setWidth("100%");
                if (data == null)
                    rta.setValue("claudio");
                else
                    rta.setValue(data);
                l.addComponent(rta);
                final Label text = new Label();
                final Button save = new Button("Save");
                save.addStyleName("default");
                save.addStyleName("small");
                save.addClickListener(new ClickListener() {
                    @Override
                    public void buttonClick(ClickEvent event) {
                        if (save.getCaption().equals("Save")) {
                            l.removeStyleName("edit");
                            l.removeComponent(rta);
                            l.addComponent(text, 0);
                            text.setValue(rta.getValue());
                            save.setCaption("");
                            save.removeStyleName("default");
                            save.addStyleName("icon-edit");
                            save.setDescription("Edit");
                        } else {
                            l.addStyleName("edit");
                            l.removeComponent(text);
                            l.addComponent(rta, 0);
                            rta.focus();
                            rta.selectAll();
                            save.setCaption("Save");
                            save.addStyleName("default");
                            save.removeStyleName("icon-edit");
                            save.setDescription(null);
                        }
                    }
                });
                rta.focus();
                rta.selectAll();
                l.addComponent(save);
                return l;
            } else if (caption.equals("grid")) {
                Table t = new Table() {
                    @Override
                    protected String formatPropertyValue(Object rowId,
View Full Code Here

            if (which == 1) {
                addComponent(createComponentFromPaletteItem("chart", null));
                addComponent(createComponentFromPaletteItem("grid", null));
            } else if (which == 2) {
                CssLayout labels = new CssLayout();
                labels.addComponent(new Label(
                        "<strong>Selected transactions</strong>",
                        ContentMode.HTML));
                if (items != null) {
                    TableTransferable tt = (TableTransferable) items;
                    Table s = tt.getSourceComponent();
                    Set<Object> val = (Set<Object>) s.getValue();
                    if (val.contains(tt.getData("itemId"))) {
                        for (Object id : val) {
                            Item item = s.getItem(id);
                            if (item != null)
                                labels.addComponent(createTransactionLabel(item));
                        }
                    } else {
                        Item item = s.getItem(tt.getData("itemId"));
                        if (item != null)
                            labels.addComponent(createTransactionLabel(item));
                    }
                } else if (table != null) {
                    Set<Object> val = (Set<Object>) table.getValue();
                    for (Object id : val) {
                        Item item = table.getItem(id);
                        if (item != null)
                            labels.addComponent(createTransactionLabel(item));
                    }
                }

                addComponent(createComponentFromPaletteItem("text", ""));
                addComponent(labels);
View Full Code Here

TOP

Related Classes of com.vaadin.ui.CssLayout

Copyright © 2018 www.massapicom. All rights reserved.
All source code are property of their respective owners. Java is a trademark of Sun Microsystems, Inc and owned by ORACLE Inc. Contact coftware#gmail.com.