ol.setSpacing(true);
// ol.setWidth("");
ol.setCaption("Filled with fixed width (" + ol.getWidth()
+ "px) and fixed height (" + ol.getHeight() + "px)");
TextArea tf;
tf = new TextArea("60%x100% Field");
tf.setCaption("This one has a caption");
tf.setValue("60% x 100% TextField");
tf.setWidth("100%");
tf.setHeight("100%");
tf.setRequired(true);
// tf.setComponentError(new UserError("It's broken!"));
// tf.setHeight("100%");
// tf.setWidth("100px");
tf.setRows(2);
ol.addComponent(tf);
ol.setExpandRatio(tf, 1f);
//
tf = new TextArea("60%x60% Field");
tf.setCaption(null);
tf.setValue("60% x 60% TextField");
tf.setWidth("100%");
tf.setHeight("60%");
tf.setRequired(true);
ol.addComponent(tf);
ol.setExpandRatio(tf, 1f);
ol.setComponentAlignment(tf, Alignment.MIDDLE_LEFT);
// tf.setComponentError(new UserError("It's broken!"));
// tf.setHeight("100%");
// tf.setWidth("100px");
tf.setRows(2);
//
// for (int i = 1; i < 5; i++) {
// int w = i * 100;
// tf = new TextField("Caption field " + i);
// tf.setRows(2);
// tf.setValue(w + "px high, " + w + "px wide TextField, valign: "
// + valignName[i % 3]);
// tf.setWidth(w + "px");
// tf.setHeight(w + "px");
// ol.addComponent(tf);
// ol.setComponentAlignment(tf,
// AlignmentHandler.ALIGNMENT_HORIZONTAL_CENTER, valign[i % 3]);
// }
//
// tf.setValue(tf.getValue().toString() + " (100% wide)");
// tf.setWidth("100%");
// tf = new TextField("100%x70px Field");
// tf.setCaption(null);
// tf.setRequired(true);
// // tf.setIcon(new ThemeResource("icons/16/document-add.png"));
// tf.setComponentError(new UserError("abc"));
// tf.setValue("100% high 70px wide TextField");
// tf.setRows(2);
// // tf.setSizeFull();
// tf.setHeight("100%");
// tf.setWidth("70px");
// ol.setComponentAlignment(tf, AlignmentHandler.ALIGNMENT_RIGHT,
// AlignmentHandler.ALIGNMENT_TOP);
// ol.addComponent(tf);
tf = new TextArea("200px x 200px Field");
// tf.setIcon(new ThemeResource("icons/16/document-add.png"));
tf.setValue("200x200 field");
tf.setRows(2);
// tf.setSizeFull();
tf.setHeight("200px");
tf.setWidth("200px");
ol.addComponent(tf);
ol.setComponentAlignment(tf, Alignment.TOP_LEFT);
tf = new TextArea("200px x 200px Field");
// tf.setIcon(new ThemeResource("icons/16/document-add.png"));
tf.setValue("200x200 field");
tf.setRows(2);
// tf.setSizeFull();
tf.setHeight("200px");
tf.setWidth("200px");
ol.addComponent(tf);
ol.setComponentAlignment(tf, Alignment.BOTTOM_RIGHT);
return ol;
}