Using different output components

This recipe describes how to use the outputText, outputFormatted, image, icon, statusIndicator, and media components of ADF Faces.

In this recipe, we will create a page to showcase a different output component. You can continue from the previous recipe, or you can grab the ADFFacesOutputComponents application from Git repository.

How to do it...

In order to add different output components, follow the ensuing steps:

1. Open the adfc-config.xml file.

2. Drag-and-drop a view activity inside the diagram and name it outputComponents.

3. Double-click on the view activity to create the JSF page and choose Oracle Three Column Layout as a template.

4. Drag a panel group layout and drop it inside the center facet.

5. Change the Layout attribute to scroll.

6. Drag an outputText component inside the panel group layout.

7. Change the Value attribute to Sample Date.

8. Drag another outputText component.

9. Change the Value attribute to #{viewScope.output.sampleDate}. This is an existing managed bean that has...