Creating a JSF Page and Adding a Panel Stretch Layout

To follow along with the example, in this step and throughout the cards, enter values as shown in the instructions. Then you will be able to follow the steps in the cue cards exactly as written.

The JSF pages you create for your application can be JSP pages (which uses the file extension .jsp) or JSP documents written in XML syntax (which uses the file extension .jspx). Oracle recommends that when creating pages with ADF Faces components, you create an XML-based JSP document that uses .jspx rather than .jsp file.

You can create JSF pages with the Create JSF Page dialog, opening it from:

The New Gallery

The JSF navigation diagrammer

The ADF task flow diagrammer

To open the Create JSF Page dialog, in the Application Navigator, you will right-click the project and choose New . Then in the New Gallery, expand the Web Tier category and select JSF, and in the Items list, select JSF Page.

In the Create JSF Page dialog, you can specify whether to bind components on the page to a backing bean. You can also optionally define some aspects of the look and feel for the new page. In the example, you will not use a page template, a quick start layout, or choose to let JDeveloper automatically use a backing bean for the page.

When you create a new JSF page as an XML document ( .jspx), JDeveloper automatically creates a starter page structure with a JSP page directive, and jsp:root as the root element with three xmlns attributes for the ADF Faces, JSF Core, and JSF HTML tag libraries. The other elements included in a starter file are elements for laying out a page, specifically everything else within <f:view> and </f:view>.

After creating the new page, you will add Panel Stretch Layout as the root layout component. Then you will add Decorative Box into the center facet of the root layout component.