package org.gwtoolbox.sample.widget.client.layout;
import com.google.gwt.user.client.DOM;
import com.google.gwt.user.client.ui.HTML;
import com.google.gwt.user.client.ui.ResizeComposite;
import com.google.gwt.user.client.ui.Widget;
import org.gwtoolbox.ioc.core.client.annotation.Component;
import org.gwtoolbox.ioc.core.client.annotation.Order;
import org.gwtoolbox.sample.widget.client.SamplePanel;
import org.gwtoolbox.widget.client.panel.layout.HorizontalLayoutData;
import org.gwtoolbox.widget.client.panel.layout.HorizontalLayout;
/**
* @author Uri Boness
*/
@Component
@Order(60)
@LayoutSample
public class HorizontalLayoutSample extends ResizeComposite implements SamplePanel {
public HorizontalLayoutSample() {
HorizontalLayout layout = new HorizontalLayout();
layout.getElement().getStyle().setProperty("borderBottom", "1px solid blue");
layout.addWidget(createContent("width: 70px", "#CCFFCC", "BLUE"), new HorizontalLayoutData().setWidth("70px"));
Widget content = createContent("width: 50%", "#FFFBA3", "GREEN");
content.setVisible(true);
layout.addWidget(content, new HorizontalLayoutData().setWidth("50%"));
layout.addWidget(createContent("width: *", "#FFC0CB", "black"));
layout.addWidget(createContent("width: 50px", "#E6E6FA", "yellow"), new HorizontalLayoutData("50px"));
layout.addWidget(createContent("width: *", "orange", "cyan"));
initWidget(layout);
}
public String getName() {
return "Horizontal";
}
public Widget getContentWidget() {
return this;
}
public void reset() {
}
//================================================ Helper Methods ==================================================
private static Widget createContent(String text, String color, String borderColor) {
HTML html = new HTML(text);
DOM.setStyleAttribute(html.getElement(), "backgroundColor", color);
DOM.setStyleAttribute(html.getElement(), "border", "5px solid " + borderColor);
html.setSize("100%", "100%");
return html;
}
}