/* * GWT-Ext Widget Library * Copyright 2007 - 2008, GWT-Ext LLC., and individual contributors as indicated * by the @authors tag. See the copyright.txt in the distribution for a * full listing of individual contributors. * * This is free software; you can redistribute it and/or modify it * under the terms of the GNU Lesser General Public License as * published by the Free Software Foundation; either version 3 of * the License, or (at your option) any later version. * * This software is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU * Lesser General Public License for more details. * * You should have received a copy of the GNU Lesser General Public * License along with this software; if not, write to the Free * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA * 02110-1301 USA, or see the FSF site: http://www.fsf.org. */ import com.google.gwt.core.client.EntryPoint; import com.gwtext.client.widgets.Panel; import com.gwtext.client.widgets.Viewport; import com.gwtext.client.widgets.layout.AnchorLayout; import com.gwtext.client.widgets.layout.AnchorLayoutData; import com.gwtext.client.widgets.layout.FitLayout; public class AnchorSample implements EntryPoint { public void onModuleLoad() { Panel panel = new Panel(); panel.setBorder(false); panel.setPaddings(15); panel.setLayout(new FitLayout()); //add wrapper panel just to dispaly the borders Panel wrapperPanel = new Panel(); wrapperPanel.setBorder(true); wrapperPanel.setBodyStyle("border-style:dotted;border-color:blue;"); wrapperPanel.setLayout(new AnchorLayout()); wrapperPanel.add(new Panel("Item 1", "Anchor : '100% 20%' width is 100% of the containing element and 20% of its height"), new AnchorLayoutData("100% 20%")); wrapperPanel.add(new Panel("Item 2", "Anchor : '50% 25%' width is 50% of the containing element and 25% of its height"), new AnchorLayoutData("50% 25%")); wrapperPanel.add(new Panel("Item 3", "Anchor : '-100 30%' width is (100% of the containing element - 100px) and height is 30% of containing element."), new AnchorLayoutData("-100 30%")); panel.add(wrapperPanel); Viewport viewport = new Viewport(panel); } }