How to Use the panelGroupLayout Component

Organizing Content on Web Pages 8-81 The separator component creates a horizontal line. Figure 8–55 shows the properties.jspx file as it would be displayed with a separator component inserted between the two panelBox components. Figure 8–55 Using the separator Component to Create a Line The spacer and separator components are often used in facets of other layout components. Doing so ensures that the space or line stays with the components they were meant to separate.

8.13.1 How to Use the spacer Component

You can use as many spacer components as needed on a page. To create and use the spacer component: 1. In the Component Palette, from the Layout panel, drag and drop a Spacer to the JSF page.

2. In the Property Inspector, expand the Common section. Set the width and height

as needed.

8.13.2 How to Use the Separator Component

You can use as many separator components as needed on a page. To create and use the separator component: 1. In the Component Palette, from the Layout panel, drag and drop a Separator to the JSF page. 2. In the Property Inspector, set the properties as needed. Note: If the height is specified but not the width, a block-level HTML element is rendered, thereby introducing a new line effect. If the width is specified, then, irrespective of the specified value of height, it may not get shorter than the applicable line-height in user agents that strictly support HTML standards. 8-82 Web User Interface Developers Guide for Oracle Application Development Framework 9 Using Input Components and Defining Forms 9-1 9 Using Input Components and Defining Forms This chapter describes the input components that are used to enter data, select values, edit text, and load files. This chapter includes the following sections: ■ Section 9.1, Introduction to Input Components and Forms ■ Section 9.2, Defining Forms ■ Section 9.3, Using the inputText Component ■ Section 9.4, Using the Input Number Components ■ Section 9.5, Using Color and Date Choosers ■ Section 9.6, Using Selection Components ■ Section 9.7, Using Shuttle Components ■ Section 9.8, Using the richTextEditor Component ■ Section 9.9, Using File Upload

9.1 Introduction to Input Components and Forms

Input components accept user input in a variety of formats. The most common formats are text, numbers, date, and selection lists that appear inside a form and are submitted when the form is submitted. The entered values or selections may be validated and converted before they are processed further. For example, the File Explorer application contains a form that allows users to create a new file. Using input components, users enter the name, the size, select permissions, and add keywords, and a description, as shown in Figure 9–1 .