public CheckBoxes() {
setMargin(true);
Label h1 = new Label("Check Boxes");
h1.addStyleName("h1");
addComponent(h1);
HorizontalLayout row = new HorizontalLayout();
row.addStyleName("wrapping");
row.setSpacing(true);
addComponent(row);
CheckBox check = new CheckBox("Checked", true);
row.addComponent(check);
check = new CheckBox("Checked, explicit width, so that the caption should wrap", true);
row.addComponent(check);
check.setWidth("150px");
check = new CheckBox("Not checked");
row.addComponent(check);
check = new CheckBox(null, true);
check.setDescription("No caption");
row.addComponent(check);
check = new CheckBox("Custom color", true);
check.addStyleName("color1");
row.addComponent(check);
TestIcon testIcon = new TestIcon(30);
check = new CheckBox("Custom color", true);
check.addStyleName("color2");
check.setIcon(testIcon.get());
row.addComponent(check);
check = new CheckBox("With Icon", true);
check.setIcon(testIcon.get());
row.addComponent(check);
check = new CheckBox();
check.setIcon(testIcon.get(true));
row.addComponent(check);
check = new CheckBox("Small", true);
check.addStyleName("small");
row.addComponent(check);
check = new CheckBox("Large", true);
check.addStyleName("large");
row.addComponent(check);
h1 = new Label("Option Groups");
h1.addStyleName("h1");
addComponent(h1);
row = new HorizontalLayout();
row.addStyleName("wrapping");
row.setSpacing(true);
addComponent(row);
OptionGroup options = new OptionGroup("Choose one, explicit width");
options.setWidth("200px");
options.addItem("Option One");
Item two =
options.addItem(
"Option Two, with a longer caption that should wrap when the components width is explicitly set.");
options.addItem("Option Three");
options.select("Option One");
options.setItemIcon("Option One", testIcon.get());
options.setItemIcon(two, testIcon.get());
options.setItemIcon("Option Three", testIcon.get(true));
row.addComponent(options);
options = new OptionGroup("Choose many, explicit width");
options.setMultiSelect(true);
options.setWidth("200px");
options.addItem("Option One");
two =
options.addItem(
"Option Two, with a longer caption that should wrap when the components width is explicitly set.");
options.addItem("Option Three");
options.select("Option One");
options.setItemIcon("Option One", testIcon.get());
options.setItemIcon(two, testIcon.get());
options.setItemIcon("Option Three", testIcon.get(true));
row.addComponent(options);
options = new OptionGroup("Choose one, small");
options.addStyleName("small");
options.setMultiSelect(false);
options.addItem("Option One");
options.addItem("Option Two");
options.addItem("Option Three");
options.select("Option One");
options.setItemIcon("Option One", testIcon.get());
options.setItemIcon("Option Two", testIcon.get());
options.setItemIcon("Option Three", testIcon.get(true));
row.addComponent(options);
options = new OptionGroup("Choose many, small");
options.addStyleName("small");
options.setMultiSelect(true);
options.addItem("Option One");
options.addItem("Option Two");
options.addItem("Option Three");
options.select("Option One");
options.setItemIcon("Option One", testIcon.get());
options.setItemIcon("Option Two", testIcon.get());
options.setItemIcon("Option Three", testIcon.get(true));
row.addComponent(options);
options = new OptionGroup("Choose one, large");
options.addStyleName("large");
options.setMultiSelect(false);
options.addItem("Option One");
options.addItem("Option Two");
options.addItem("Option Three");
options.select("Option One");
options.setItemIcon("Option One", testIcon.get());
options.setItemIcon("Option Two", testIcon.get());
options.setItemIcon("Option Three", testIcon.get(true));
row.addComponent(options);
options = new OptionGroup("Choose many, large");
options.addStyleName("large");
options.setMultiSelect(true);
options.addItem("Option One");
options.addItem("Option Two");
options.addItem("Option Three");
options.select("Option One");
options.setItemIcon("Option One", testIcon.get());
options.setItemIcon("Option Two", testIcon.get());
options.setItemIcon("Option Three", testIcon.get(true));
row.addComponent(options);
options = new OptionGroup("Horizontal items");
options.addStyleName("horizontal");
options.addItem("Option One");
two = options.addItem("Option Two, with a longer caption");
options.addItem("Option Three");
options.select("Option One");
options.setItemIcon("Option One", testIcon.get());
options.setItemIcon(two, testIcon.get());
options.setItemIcon("Option Three", testIcon.get());
row.addComponent(options);
options = new OptionGroup("Horizontal items, explicit width");
options.setMultiSelect(true);
options.setWidth("500px");
options.addStyleName("horizontal");
options.addItem("Option One");
two = options.addItem("Option Two, with a longer caption");
options.addItem("Option Three");
options.select("Option One");
options.setItemIcon("Option One", testIcon.get());
options.setItemIcon(two, testIcon.get());
options.setItemIcon("Option Three", testIcon.get());
row.addComponent(options);
}
