Quick Start Layout

ADF Faces provides a number of components that you can use to define the overall layout of the page. JDeveloper includes pre-defined page layouts that use these layout components to provide you with a quick and easy way to correctly determine the layout of your pages.

In the Create JSF Page dialog, when you select Quick Start Layout and click Bro wse , you can choose from one, two, or three column layouts, and then determine how you want the columns to behave. For example, you may want a two column layout with a fixed width (locked) left column and a stretched right column:

When you use a quick start layout option, JDeveloper adds the components necessary to display the layout. For example, the following code is generated for a three column layout with fixed outer column widths:

                               
<?xml version='1.0' encoding='windows-1252'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1"
          xmlns:f="http://java.sun.com/jsf/core"
          xmlns:h="http://java.sun.com/jsf/html"
          xmlns:af="http://xmlns.oracle.com/adf/faces/rich">
  <jsp:directive.page contentType="text/html;charset=windows-1252"/>
  <f:view>
    <af:document..>
      <af:form..>
        <af:panelStretchLayout startWidth="100px"..>
          <f:facet name="start"/>
          <f:facet name="center">
            <!-- id="af_twocol_left_sidebar_stretched"   -->
          </f:facet>
        </af:panelStretchLayout>
      </af:form>
    </af:document>
  </f:view>
</jsp:root>
                            

Once your page file is created, you can add UI components and work with the page source.

Copyright © 1997, 2009, Oracle. All rights reserved.