blob: fdd8e99614fbadf3970ab369a54bb2f6aa398162 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
|
package com.vaadin.tests.themes.valo;
import com.vaadin.icons.VaadinIcons;
import com.vaadin.navigator.View;
import com.vaadin.navigator.ViewChangeListener.ViewChangeEvent;
import com.vaadin.ui.Button;
import com.vaadin.ui.Component;
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.VerticalLayout;
import com.vaadin.ui.themes.ValoTheme;
public class Panels extends VerticalLayout implements View {
public Panels() {
setSpacing(false);
Label h1 = new Label("Panels & Layout panels");
h1.addStyleName(ValoTheme.LABEL_H1);
addComponent(h1);
HorizontalLayout row = new HorizontalLayout();
row.addStyleName(ValoTheme.LAYOUT_HORIZONTAL_WRAPPING);
addComponent(row);
TestIcon testIcon = new TestIcon(60);
Panel panel = new Panel("Normal");
panel.setIcon(testIcon.get());
panel.setContent(panelContent());
row.addComponent(panel);
panel = new Panel("Sized");
panel.setIcon(testIcon.get());
panel.setWidth("10em");
panel.setHeight("250px");
panel.setContent(panelContent());
row.addComponent(panel);
panel = new Panel("Custom Caption");
panel.setIcon(testIcon.get());
panel.addStyleName("color1");
panel.setContent(panelContent());
row.addComponent(panel);
panel = new Panel("Custom Caption");
panel.setIcon(testIcon.get());
panel.addStyleName("color2");
panel.setContent(panelContent());
row.addComponent(panel);
panel = new Panel("Custom Caption");
panel.setIcon(testIcon.get());
panel.addStyleName("color3");
panel.setContent(panelContent());
row.addComponent(panel);
panel = new Panel("Borderless style");
panel.setIcon(testIcon.get());
panel.addStyleName(ValoTheme.PANEL_BORDERLESS);
panel.setContent(panelContent());
row.addComponent(panel);
panel = new Panel("Borderless + scroll divider");
panel.setIcon(testIcon.get());
panel.addStyleName(ValoTheme.PANEL_BORDERLESS);
panel.addStyleName(ValoTheme.PANEL_SCROLL_INDICATOR);
panel.setContent(panelContentScroll());
panel.setHeight("17em");
row.addComponent(panel);
panel = new Panel("Well style");
panel.setIcon(testIcon.get());
panel.addStyleName(ValoTheme.PANEL_WELL);
panel.setContent(panelContent());
row.addComponent(panel);
CssLayout layout = new CssLayout();
layout.setIcon(testIcon.get());
layout.setCaption("Panel style layout");
layout.addStyleName(ValoTheme.LAYOUT_CARD);
layout.addComponent(panelContent());
row.addComponent(layout);
layout = new CssLayout();
layout.addStyleName(ValoTheme.LAYOUT_CARD);
row.addComponent(layout);
HorizontalLayout panelCaption = new HorizontalLayout();
panelCaption.setSpacing(false);
panelCaption.addStyleName("v-panel-caption");
panelCaption.setWidth("100%");
// panelCaption.setDefaultComponentAlignment(Alignment.MIDDLE_LEFT);
Label label = new Label("Panel style layout");
panelCaption.addComponent(label);
panelCaption.setExpandRatio(label, 1);
Button action = new Button();
action.setIcon(VaadinIcons.PENCIL);
action.addStyleName(ValoTheme.BUTTON_BORDERLESS_COLORED);
action.addStyleName(ValoTheme.BUTTON_SMALL);
action.addStyleName(ValoTheme.BUTTON_ICON_ONLY);
panelCaption.addComponent(action);
MenuBar dropdown = new MenuBar();
dropdown.addStyleName(ValoTheme.MENUBAR_BORDERLESS);
dropdown.addStyleName(ValoTheme.MENUBAR_SMALL);
MenuItem addItem = dropdown.addItem("", VaadinIcons.CHEVRON_DOWN, null);
addItem.setStyleName("icon-only");
addItem.addItem("Settings", null);
addItem.addItem("Preferences", null);
addItem.addSeparator();
addItem.addItem("Sign Out", null);
panelCaption.addComponent(dropdown);
layout.addComponent(panelCaption);
layout.addComponent(panelContent());
layout.setWidth("14em");
layout = new CssLayout();
layout.setIcon(testIcon.get());
layout.setCaption("Well style layout");
layout.addStyleName(ValoTheme.LAYOUT_WELL);
layout.addComponent(panelContent());
row.addComponent(layout);
}
Component panelContent() {
VerticalLayout layout = new VerticalLayout();
layout.setSizeFull();
Label content = new Label(
"Suspendisse dictum feugiat nisl ut dapibus. Mauris iaculis porttitor posuere. Praesent id metus massa, ut blandit odio.");
content.setWidth("10em");
layout.addComponent(content);
Button button = new Button("Button");
button.setSizeFull();
layout.addComponent(button);
return layout;
}
Component panelContentScroll() {
VerticalLayout layout = new VerticalLayout();
Label content = new Label(
"Suspendisse dictum feugiat nisl ut dapibus. Mauris iaculis porttitor posuere. Praesent id metus massa, ut blandit odio. Suspendisse dictum feugiat nisl ut dapibus. Mauris iaculis porttitor posuere. Praesent id metus massa, ut blandit odio.");
content.setWidth("10em");
layout.addComponent(content);
Button button = new Button("Button");
layout.addComponent(button);
return layout;
}
@Override
public void enter(ViewChangeEvent event) {
// TODO Auto-generated method stub
}
}
|
