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
|
/*
@ITMillApache2LicenseForJavaFiles@
*/
package com.itmill.toolkit.automatedtests.featurebrowser;
import com.itmill.toolkit.terminal.ExternalResource;
import com.itmill.toolkit.terminal.ThemeResource;
import com.itmill.toolkit.ui.Button;
import com.itmill.toolkit.ui.CheckBox;
import com.itmill.toolkit.ui.CustomComponent;
import com.itmill.toolkit.ui.Label;
import com.itmill.toolkit.ui.Link;
import com.itmill.toolkit.ui.OrderedLayout;
import com.itmill.toolkit.ui.Panel;
import com.itmill.toolkit.ui.Button.ClickEvent;
/**
* Shows a few variations of Buttons and Links.
*
* @author IT Mill Ltd.
*/
public class ButtonExample extends CustomComponent implements
Button.ClickListener {
public ButtonExample() {
final OrderedLayout main = new OrderedLayout();
main.setMargin(true);
setCompositionRoot(main);
final OrderedLayout horiz = new OrderedLayout(
OrderedLayout.ORIENTATION_HORIZONTAL);
main.addComponent(horiz);
final Panel basic = new Panel("Basic buttons");
basic.setStyleName(Panel.STYLE_LIGHT);
horiz.addComponent(basic);
final Panel bells = new Panel("w/ bells & whistles");
bells.setStyleName(Panel.STYLE_LIGHT);
horiz.addComponent(bells);
Button b = new Button("Basic button");
b.setDebugId("Basic1");
b.addListener(this);
basic.addComponent(b);
b = new Button("Button w/ icon + tooltip");
b.setDebugId("Button2");
b.addListener(this);
b.setIcon(new ThemeResource("icons/ok.png"));
b.setDescription("This button does nothing, fast");
bells.addComponent(b);
b = new CheckBox("CheckBox - a switch-button");
b.setDebugId("Button3");
b.setImmediate(true); // checkboxes are not immediate by default
b.addListener(this);
basic.addComponent(b);
b = new CheckBox("CheckBox w/ icon + tooltip");
b.setDebugId("Button4");
b.setImmediate(true); // checkboxes are not immediate by default
b.addListener(this);
b.setIcon(new ThemeResource("icons/ok.png"));
b.setDescription("This is a CheckBox");
bells.addComponent(b);
b = new Button("Link-style button");
b.setDebugId("Button5");
b.addListener(this);
b.setStyleName(Button.STYLE_LINK);
basic.addComponent(b);
b = new Button("Link button w/ icon + tooltip");
b.setDebugId("Button6");
b.addListener(this);
b.setStyleName(Button.STYLE_LINK);
b.setIcon(new ThemeResource("icons/ok.png"));
b.setDescription("Link-style, icon+tootip, no caption");
bells.addComponent(b);
b = new Button();
b.setDebugId("Button7");
b.addListener(this);
b.setStyleName(Button.STYLE_LINK);
b.setIcon(new ThemeResource("icons/ok.png"));
b.setDescription("Link-style, icon+tootip, no caption");
basic.addComponent(b);
final Panel links = new Panel("Links");
links.setStyleName(Panel.STYLE_LIGHT);
main.addComponent(links);
final Label desc = new Label(
"The main difference between a Link and"
+ " a link-styled Button is that the Link works client-"
+ " side, whereas the Button works server side.<br/> This means"
+ " that the Button triggers some event on the server,"
+ " while the Link is a normal web-link. <br/><br/>Note that for"
+ " opening new windows, the Link might be a safer "
+ " choice, since popup-blockers might interfer with "
+ " server-initiated window opening.");
desc.setContentMode(Label.CONTENT_XHTML);
links.addComponent(desc);
Link l = new Link("IT Mill home", new ExternalResource(
"http://www.itmill.com"));
l.setDebugId("Link1");
l.setDescription("Link without target name, opens in this window");
links.addComponent(l);
l = new Link("IT Mill home (new window)", new ExternalResource(
"http://www.itmill.com"));
l.setDebugId("Link2");
l.setTargetName("_blank");
l.setDescription("Link with target name, opens in new window");
links.addComponent(l);
l = new Link("IT Mill home (new window, less decor)",
new ExternalResource("http://www.itmill.com"));
l.setDebugId("Link3");
l.setTargetName("_blank");
l.setTargetBorder(Link.TARGET_BORDER_MINIMAL);
l.setTargetName("_blank");
l
.setDescription("Link with target name and BORDER_MINIMAL, opens in new window with less decor");
links.addComponent(l);
l = new Link("IT Mill home (new 200x200 window, no decor, icon)",
new ExternalResource("http://www.itmill.com"), "_blank", 200,
200, Link.TARGET_BORDER_NONE);
l.setDebugId("Link4");
l.setTargetName("_blank");
l
.setDescription("Link with target name and BORDER_NONE, opens in new window with no decor");
l.setIcon(new ThemeResource("icons/ok.png"));
links.addComponent(l);
}
public void buttonClick(ClickEvent event) {
final Button b = event.getButton();
getWindow().showNotification(
"Clicked"
+ (b instanceof CheckBox ? ", value: "
+ event.getButton().getValue() : ""));
}
}
|
