Hello World In ADF

1. Create a New Application

New > Applications > Fusion Web Application (ADF).

2. Application Name: HelloWorld

Application Package Prefix:dilip.oracle.adf.hello

3.Select ADF Business Component.

4.Select ADF faces.

5.Select jsf/facelets-->Page from webTier

6.File Name HelloWorld.jspx

Check Create XML Document (*.jspx)
Select Blank Page in Initial Page Layout and Content Section

7. Drag Decorative Box from Layout option available in Component Palate

8.Drag item of type Input Text, Button on the center facet of decorativeBox from Common
Components Section.
Set Label Property :Enter Here

9.Drag item of type Output Text, Button on the Top facet of decorativeBox from Common
Components Section.
Delete OutpuText1 in the value field property from Common Components.
10.Drag Command Button on Center Face.
Set Text Property to :Go.
11. Select TOP af:decorativeBox then go to Property Pallete and Double Click Panel Group
Layout in Layout Section
Halign -- center

12.Select Center af:decorativeBox then go to Property Pallete and Double Click Panel Group
Layout in Layout Section
Halign -- center

13. Set Bind Action Property for commandButton.

Double Click on commandButton that will open set Bind Action Property window as shown below.

Click Ok and then Write Following Code in cb1_action() which you have just created(in
HelloWorld.java)

RichInputText inputText = getIt1();

String name = "Hello "+(String)inputText.getValue()+ "!";
System.out.println("This Is Entered "+name);
ot1.setValue(name);

14. See HelloWorld Result Page: