To explore the ADF Faces components at runtime, the ADF Faces development team at Oracle created a component demo that showcases the various components and framework capabilities and allows you to try different property settings on the selected component. The components demo is provided with full source code and is a great way to learn how to work with the components in general.
This how-to explains how to setup and launch the ADF Faces component demo locally on your machine using the Oracle JDeveloper 12c integrated Oracle WebLogic Server.
You can download a WAR file with all the source code of this demo from the ADF Download page.
The rich client component runtime demo can be started from inside Oracle JDeveloper using the integrated Oracle Weblogic Server. Download the demo's WAR file to a location on your machine and then follow these steps:
The demo starts with an index page showing all categories for which samples are available
The Tag Guide is the entry link to the component demo and shows a list of ADF Faces components that you can select to further explore. Each component demo is launched in a browser that has a split screen layout. The split screen's right content area has a property inspector functionality that you can use to set properties for the individual component. Note that the right content area might be closed so that you have to drag it open before using it. Also of interest is that in addition to the rich client components, the data visualization components which allow you to graphically represent your data are also present in this listing.
The Feature Demos include a variety of demonstrations for the frameworks capabilities including a rich set of demos for the data visualization components, active data services, drag and drop and other client behaviors.
A demo of interest should be the Styles demo. Users frequently get confused by which part of a component is styled by the inlineStyle attribute and which part is styled by the contentStyle attribute. The demo also contains a skinning demonstration that allows developers to play with various skin definitions per component.
The war file also contains the demo source files for developers to study and learn from. All JSPX files and Java sources can be looked at in the Oracle JDeveloper project that is created when importing the WAR file.