import com.itmill.toolkit.ui.Accordion;
import com.itmill.toolkit.ui.CustomComponent;
import com.itmill.toolkit.ui.Label;
-import com.itmill.toolkit.ui.OrderedLayout;
import com.itmill.toolkit.ui.TextField;
+import com.itmill.toolkit.ui.VerticalLayout;
/**
* Accordion is a derivative of TabSheet, a vertical tabbed layout that places
// Add a few tabs to the accordion.
for (int i = 0; i < 5; i++) {
// Create a root component for a accordion tab
- OrderedLayout layout = new OrderedLayout();
+ VerticalLayout layout = new VerticalLayout();
accordion.addComponent(layout);
// The accordion tab label is taken from the caption of the root
import com.itmill.toolkit.ui.Button;\r
import com.itmill.toolkit.ui.CheckBox;\r
import com.itmill.toolkit.ui.CustomComponent;\r
+import com.itmill.toolkit.ui.HorizontalLayout;\r
import com.itmill.toolkit.ui.Label;\r
import com.itmill.toolkit.ui.Link;\r
-import com.itmill.toolkit.ui.OrderedLayout;\r
import com.itmill.toolkit.ui.Panel;\r
+import com.itmill.toolkit.ui.VerticalLayout;\r
import com.itmill.toolkit.ui.Button.ClickEvent;\r
\r
/**\r
\r
public ButtonExample() {\r
\r
- final OrderedLayout main = new OrderedLayout();\r
+ final VerticalLayout main = new VerticalLayout();\r
main.setMargin(true);\r
setCompositionRoot(main);\r
\r
- final OrderedLayout horiz = new OrderedLayout(\r
- OrderedLayout.ORIENTATION_HORIZONTAL);\r
+ final HorizontalLayout horiz = new HorizontalLayout();\r
horiz.setWidth("100%");\r
main.addComponent(horiz);\r
final Panel basic = new Panel("Basic buttons");\r
import com.itmill.toolkit.ui.CustomComponent;\r
import com.itmill.toolkit.ui.Label;\r
import com.itmill.toolkit.ui.Layout;\r
-import com.itmill.toolkit.ui.OrderedLayout;\r
import com.itmill.toolkit.ui.TabSheet;\r
+import com.itmill.toolkit.ui.VerticalLayout;\r
\r
/**\r
* This example is a (simple) demonstration of client-side caching. The content\r
\r
public ClientCachingExample() {\r
\r
- final OrderedLayout main = new OrderedLayout();\r
+ final VerticalLayout main = new VerticalLayout();\r
main.setMargin(true);\r
setCompositionRoot(main);\r
\r
final TabSheet ts = new TabSheet();\r
main.addComponent(ts);\r
\r
- Layout layout = new OrderedLayout();\r
+ Layout layout = new VerticalLayout();\r
layout.setMargin(true);\r
Label l = new Label("This is a normal label, quick to render.");\r
l.setCaption("A normal label");\r
\r
ts.addTab(layout, "Normal", null);\r
\r
- layout = new OrderedLayout();\r
+ layout = new VerticalLayout();\r
layout.setMargin(true);\r
l = new Label("Slow label - until cached client side.") {\r
+ @Override\r
public void paintContent(PaintTarget target) throws PaintException {\r
try {\r
Thread.sleep(3000);\r
import com.itmill.toolkit.ui.ComboBox;
import com.itmill.toolkit.ui.CustomComponent;
-import com.itmill.toolkit.ui.OrderedLayout;
+import com.itmill.toolkit.ui.VerticalLayout;
import com.itmill.toolkit.ui.AbstractSelect.Filtering;
/**
"Fielding", "Einstein" };
public ComboBoxExample() {
- final OrderedLayout main = new OrderedLayout();
+ final VerticalLayout main = new VerticalLayout();
main.setMargin(true);
setCompositionRoot(main);
import com.itmill.toolkit.data.Property.ValueChangeEvent;
import com.itmill.toolkit.terminal.ExternalResource;
import com.itmill.toolkit.ui.Embedded;
-import com.itmill.toolkit.ui.OrderedLayout;
import com.itmill.toolkit.ui.Select;
+import com.itmill.toolkit.ui.VerticalLayout;
import com.itmill.toolkit.ui.Window.Notification;
/**
* @author IT Mill Ltd.
* @see com.itmill.toolkit.ui.Window
*/
-public class EmbeddedBrowserExample extends OrderedLayout implements
+public class EmbeddedBrowserExample extends VerticalLayout implements
Select.ValueChangeListener {
// Default URL to open.
if (url != null) {
try {
// the selected url has changed, let's go there
+ @SuppressWarnings("unused")
URL u = new URL(url);
emb.setSource(new ExternalResource(url));
import com.itmill.toolkit.ui.Button;
import com.itmill.toolkit.ui.Component;
import com.itmill.toolkit.ui.Embedded;
+import com.itmill.toolkit.ui.HorizontalLayout;
import com.itmill.toolkit.ui.Label;
import com.itmill.toolkit.ui.Layout;
-import com.itmill.toolkit.ui.OrderedLayout;
import com.itmill.toolkit.ui.Select;
import com.itmill.toolkit.ui.SplitPanel;
import com.itmill.toolkit.ui.TabSheet;
import com.itmill.toolkit.ui.Table;
import com.itmill.toolkit.ui.Tree;
+import com.itmill.toolkit.ui.VerticalLayout;
import com.itmill.toolkit.ui.Window;
import com.itmill.toolkit.ui.Button.ClickEvent;
// END
};
+ @Override
public void init() {
// Need to set a theme for ThemeResources to work
table.setImmediate(true);
split2.addComponent(table);
- final OrderedLayout exp = new OrderedLayout();
+ final VerticalLayout exp = new VerticalLayout();
exp.setSizeFull();
exp.setMargin(true);
split2.addComponent(exp);
- final OrderedLayout wbLayout = new OrderedLayout(
- OrderedLayout.ORIENTATION_HORIZONTAL);
+ final HorizontalLayout wbLayout = new HorizontalLayout();
Button b = new Button("Open in sub-window", new Button.ClickListener() {
public void buttonClick(ClickEvent event) {
Component component = (Component) ts.getComponentIterator()
wbLayout.addComponent(b);
exp.addComponent(wbLayout);
- exp.setComponentAlignment(wbLayout, OrderedLayout.ALIGNMENT_RIGHT,
- OrderedLayout.ALIGNMENT_TOP);
+ exp.setComponentAlignment(wbLayout, VerticalLayout.ALIGNMENT_RIGHT,
+ VerticalLayout.ALIGNMENT_TOP);
ts = new TabSheet();
ts.setSizeFull();
+ " | <a href=\"http://www.itmill.com/documentation/\">Documentation</a>");
status.setContentMode(Label.CONTENT_XHTML);
exp.addComponent(status);
- exp.setComponentAlignment(status, OrderedLayout.ALIGNMENT_RIGHT,
- OrderedLayout.ALIGNMENT_VERTICAL_CENTER);
+ exp.setComponentAlignment(status, VerticalLayout.ALIGNMENT_RIGHT,
+ VerticalLayout.ALIGNMENT_VERTICAL_CENTER);
// select initial section ("All")
tree.setValue(rootId);
import com.itmill.toolkit.ui.CustomComponent;
import com.itmill.toolkit.ui.Field;
import com.itmill.toolkit.ui.Form;
-import com.itmill.toolkit.ui.OrderedLayout;
+import com.itmill.toolkit.ui.HorizontalLayout;
import com.itmill.toolkit.ui.TextField;
+import com.itmill.toolkit.ui.VerticalLayout;
import com.itmill.toolkit.ui.Button.ClickEvent;
/**
+ "(Address is required but failing to give it a value does not display an error.)");
// Layout the example
- OrderedLayout root = new OrderedLayout();
+ VerticalLayout root = new VerticalLayout();
root.setMargin(true);
root.setSpacing(true);
root.addComponent(form);
// Add Commit and Discard controls to the form.
Button commit = new Button("Save", this, "commit");
Button discard = new Button("Reset", this, "discard");
- OrderedLayout footer = new OrderedLayout(
- OrderedLayout.ORIENTATION_HORIZONTAL);
+ HorizontalLayout footer = new HorizontalLayout();
footer.addComponent(commit);
footer.addComponent(discard);
setFooter(footer);
*/
static class MyFieldFactory extends BaseFieldFactory {
+ @Override
public Field createField(Item item, Object propertyId,
Component uiContext) {
import com.itmill.toolkit.ui.CheckBox;
import com.itmill.toolkit.ui.Component;
import com.itmill.toolkit.ui.CustomComponent;
-import com.itmill.toolkit.ui.ExpandLayout;
import com.itmill.toolkit.ui.Field;
import com.itmill.toolkit.ui.Label;
import com.itmill.toolkit.ui.Table;
+import com.itmill.toolkit.ui.VerticalLayout;
import com.itmill.toolkit.ui.Button.ClickEvent;
import com.itmill.toolkit.ui.Button.ClickListener;
/** Table column generator for calculating daily cost column. */
class DailyCostColumnGenerator extends ConsumptionColumnGenerator {
+ @Override
public Component generateCell(FillUp fillup, FillUp prev) {
double dailycost = fillup.dailyCost(prev);
* Custom field factory that sets the fields as immediate.
*/
public class ImmediateFieldFactory extends BaseFieldFactory {
+ @Override
public Field createField(Class type, Component uiContext) {
// Let the BaseFieldFactory create the fields
Field field = super.createField(type, uiContext);
table.setHeight("300px");
- ExpandLayout layout = new ExpandLayout();
+ VerticalLayout layout = new VerticalLayout();
layout.setMargin(true);
layout
.addComponent(new Label(
layout.addComponent(new Label(
"Columns displayed in blue are calculated from Quantity and Total. "
+ "Others are simply formatted."));
- layout.expand(table);
+ layout.setExpandRatio(table, 1);
layout.setSizeUndefined();
setCompositionRoot(layout);
// setSizeFull();
import com.itmill.toolkit.ui.Button;\r
import com.itmill.toolkit.ui.CustomComponent;\r
import com.itmill.toolkit.ui.Label;\r
-import com.itmill.toolkit.ui.OrderedLayout;\r
import com.itmill.toolkit.ui.TextField;\r
+import com.itmill.toolkit.ui.VerticalLayout;\r
import com.itmill.toolkit.ui.Button.ClickEvent;\r
\r
/**\r
\r
public static final String txt = "<p>For advanced client side programmers Toolkit offers a simple method which can be used to force sync client with server. This may be needed for example if another part of a mashup changes things on server.</p> (more examples will be added here as the APIs are made public)<br/><br/><A href=\"javascript:itmill.forceSync();\">javascript:itmill.forceSync();</A>";\r
\r
- private final OrderedLayout main;\r
+ private final VerticalLayout main;\r
private final Label l;\r
private final TextField editor = new TextField();\r
\r
public JavaScriptAPIExample() {\r
// main layout\r
- main = new OrderedLayout();\r
+ main = new VerticalLayout();\r
main.setMargin(true);\r
setCompositionRoot(main);\r
editor.setRows(7);\r
}\r
});\r
main.addComponent(b);\r
- main.setComponentAlignment(b, OrderedLayout.ALIGNMENT_RIGHT,\r
- OrderedLayout.ALIGNMENT_VERTICAL_CENTER);\r
+ main.setComponentAlignment(b, VerticalLayout.ALIGNMENT_RIGHT,\r
+ VerticalLayout.ALIGNMENT_VERTICAL_CENTER);\r
\r
// \r
Label l = new Label(\r
+ "The client will be synchronized on reload, when you click a button, "\r
+ "or when itmill.forceSync() is called.") {\r
\r
+ @Override\r
public void paintContent(PaintTarget target) throws PaintException {\r
\r
super.paintContent(target);\r
label = l;\r
}\r
\r
+ @Override\r
public void run() {\r
try {\r
Thread.sleep(500);\r
\r
import com.itmill.toolkit.ui.CustomComponent;\r
import com.itmill.toolkit.ui.GridLayout;\r
+import com.itmill.toolkit.ui.HorizontalLayout;\r
import com.itmill.toolkit.ui.Label;\r
-import com.itmill.toolkit.ui.OrderedLayout;\r
import com.itmill.toolkit.ui.Panel;\r
import com.itmill.toolkit.ui.TabSheet;\r
+import com.itmill.toolkit.ui.VerticalLayout;\r
\r
/**\r
* A few examples of layout possibilities.\r
\r
public LayoutExample() {\r
\r
- final OrderedLayout main = new OrderedLayout();\r
+ final VerticalLayout main = new VerticalLayout();\r
main.setMargin(true);\r
setCompositionRoot(main);\r
\r
TabSheet ts = new TabSheet();\r
g.addComponent(ts, 0, 1, 1, 1);\r
\r
- OrderedLayout ol = new OrderedLayout();\r
+ VerticalLayout ol = new VerticalLayout();\r
ol.setMargin(true);\r
ol.addComponent(new Label("Component 1"));\r
ol.addComponent(new Label("Component 2"));\r
ol.addComponent(new Label("Component 3"));\r
ts.addTab(ol, "Vertical OrderedLayout", null);\r
\r
- ol = new OrderedLayout(OrderedLayout.ORIENTATION_HORIZONTAL);\r
- ol.setMargin(true);\r
- ol.addComponent(new Label("Component 1"));\r
- ol.addComponent(new Label("Component 2"));\r
- ol.addComponent(new Label("Component 3"));\r
- ts.addTab(ol, "Horizontal OrderedLayout", null);\r
+ HorizontalLayout hl = new HorizontalLayout();\r
+ hl.setMargin(true);\r
+ hl.addComponent(new Label("Component 1"));\r
+ hl.addComponent(new Label("Component 2"));\r
+ hl.addComponent(new Label("Component 3"));\r
+ ts.addTab(hl, "Horizontal OrderedLayout", null);\r
\r
final GridLayout gl = new GridLayout(3, 3);\r
gl.setMargin(true);\r
import com.itmill.toolkit.ui.Button;
import com.itmill.toolkit.ui.CustomComponent;
import com.itmill.toolkit.ui.NativeSelect;
-import com.itmill.toolkit.ui.OrderedLayout;
import com.itmill.toolkit.ui.RichTextArea;
import com.itmill.toolkit.ui.TextField;
+import com.itmill.toolkit.ui.VerticalLayout;
import com.itmill.toolkit.ui.Window;
import com.itmill.toolkit.ui.Button.ClickEvent;
import com.itmill.toolkit.ui.Button.ClickListener;
*/
public NotificationExample() {
// Main layout
- final OrderedLayout main = new OrderedLayout();
+ final VerticalLayout main = new VerticalLayout();
main.setSizeUndefined();
main.setSpacing(true);
main.setMargin(true); // use theme-specific margin
}
});
main.addComponent(b);
- main.setComponentAlignment(b, OrderedLayout.ALIGNMENT_RIGHT,
- OrderedLayout.ALIGNMENT_VERTICAL_CENTER);
+ main.setComponentAlignment(b, VerticalLayout.ALIGNMENT_RIGHT,
+ VerticalLayout.ALIGNMENT_VERTICAL_CENTER);
}
}
import com.itmill.toolkit.ui.Button;\r
import com.itmill.toolkit.ui.CheckBox;\r
import com.itmill.toolkit.ui.CustomComponent;\r
-import com.itmill.toolkit.ui.OrderedLayout;\r
+import com.itmill.toolkit.ui.HorizontalLayout;\r
import com.itmill.toolkit.ui.TabSheet;\r
import com.itmill.toolkit.ui.Table;\r
+import com.itmill.toolkit.ui.VerticalLayout;\r
import com.itmill.toolkit.ui.Button.ClickEvent;\r
\r
/**\r
Button deselect;\r
\r
public TableExample() {\r
- OrderedLayout margin = new OrderedLayout();\r
+ VerticalLayout margin = new VerticalLayout();\r
margin.setMargin(true);\r
\r
TabSheet root = new TabSheet();\r
margin.addComponent(root);\r
\r
// main layout\r
- final OrderedLayout main = new OrderedLayout();\r
+ final VerticalLayout main = new VerticalLayout();\r
root.addComponent(main);\r
main.setCaption("Basic Table");\r
main.setMargin(true);\r
// "source" table with bells & whistlesenabled\r
source = new Table("All creatures");\r
source.setPageLength(7);\r
- source.setWidth(550);\r
+ source.setWidth("550px");\r
source.setColumnCollapsingAllowed(true);\r
source.setColumnReorderingAllowed(true);\r
source.setSelectable(true);\r
main.addComponent(source);\r
\r
// x-selected button row\r
- final OrderedLayout horiz = new OrderedLayout(\r
- OrderedLayout.ORIENTATION_HORIZONTAL);\r
+ final HorizontalLayout horiz = new HorizontalLayout();\r
+\r
horiz.setMargin(false, false, true, false);\r
main.addComponent(horiz);\r
saveSelected = new Button("Save selected");\r
// "saved" table, minimalistic\r
saved = new Table("Saved creatures");\r
saved.setPageLength(5);\r
- saved.setWidth(550);\r
+ saved.setWidth("550px");\r
saved.setSelectable(false);\r
saved.setColumnHeaderMode(Table.COLUMN_HEADER_MODE_HIDDEN);\r
saved.setRowHeaderMode(Table.ROW_HEADER_MODE_ID);\r
import com.itmill.toolkit.event.Action;
import com.itmill.toolkit.ui.AbstractSelect;
import com.itmill.toolkit.ui.CustomComponent;
+import com.itmill.toolkit.ui.HorizontalLayout;
import com.itmill.toolkit.ui.Label;
-import com.itmill.toolkit.ui.OrderedLayout;
import com.itmill.toolkit.ui.Panel;
import com.itmill.toolkit.ui.TextField;
import com.itmill.toolkit.ui.Tree;
TextField editor;
public TreeExample() {
- final OrderedLayout main = new OrderedLayout(
- OrderedLayout.ORIENTATION_HORIZONTAL);
+ final HorizontalLayout main = new HorizontalLayout();
main.setWidth("100%");
main.setMargin(true);
setCompositionRoot(main);
import com.itmill.toolkit.ui.CustomComponent;\r
import com.itmill.toolkit.ui.DateField;\r
import com.itmill.toolkit.ui.Field;\r
+import com.itmill.toolkit.ui.HorizontalLayout;\r
import com.itmill.toolkit.ui.InlineDateField;\r
-import com.itmill.toolkit.ui.OrderedLayout;\r
import com.itmill.toolkit.ui.Panel;\r
import com.itmill.toolkit.ui.Slider;\r
import com.itmill.toolkit.ui.TextField;\r
+import com.itmill.toolkit.ui.VerticalLayout;\r
import com.itmill.toolkit.ui.Window.Notification;\r
\r
/**\r
public class ValueInputExample extends CustomComponent {\r
\r
public ValueInputExample() {\r
- final OrderedLayout main = new OrderedLayout();\r
+ final VerticalLayout main = new VerticalLayout();\r
main.setMargin(true);\r
setCompositionRoot(main);\r
\r
};\r
\r
// TextField\r
- OrderedLayout horiz = new OrderedLayout(\r
- OrderedLayout.ORIENTATION_HORIZONTAL);\r
+ HorizontalLayout horiz = new HorizontalLayout();\r
horiz.setWidth("100%");\r
main.addComponent(horiz);\r
Panel left = new Panel("TextField");\r
right.addComponent(tf);\r
\r
// DateFields\r
- horiz = new OrderedLayout(OrderedLayout.ORIENTATION_HORIZONTAL);\r
+ horiz = new HorizontalLayout();\r
horiz.setWidth("100%");\r
main.addComponent(horiz);\r
left = new Panel("DateField");\r
import com.itmill.toolkit.ui.Button;\r
import com.itmill.toolkit.ui.CustomComponent;\r
import com.itmill.toolkit.ui.Label;\r
-import com.itmill.toolkit.ui.OrderedLayout;\r
+import com.itmill.toolkit.ui.VerticalLayout;\r
import com.itmill.toolkit.ui.Window;\r
import com.itmill.toolkit.ui.Button.ClickEvent;\r
\r
private URL windowUrl = null;\r
\r
public WindowingExample() {\r
- final OrderedLayout main = new OrderedLayout();\r
+ final VerticalLayout main = new VerticalLayout();\r
main.setMargin(true);\r
setCompositionRoot(main);\r
\r