Refining the Welcome Page
You can add components to the welcome page for displaying the login name from the login bean.
To refine the welcome page:
-
Click the
welcome.jspxtab and reopen the source code editor, as shown in Figure: Welcome Page -
From the JSF Core library, select the loadBundle component and drop it next to the
f:viewtag, as shown in Figure: loadBundle Component. -
In the Load Bundle dialog, click the Bind a dynamic value icon next to the Base name field, as shown in Figure: Load Bundle Dialog.
-
In the Resource Bundle Selection, expand the src | resources nodes and select application, as shown in Figure: Resource Bundle Selection.
Click OK.
-
Back in the Load Bundle dialog, type
bundleas the Variable name, as shown in Figure: Load Bundle Dialog.Click Finish.
-
In the Palette View, open the ADF Faces library, and drag and drop the Output Text component within the
af:formtag, as shown in Figure: Output Text Component. -
In the New Output Text dialog, type
welcomeas the Id and click the Bind to a dynamic value icon, as shown in Figure: New Output Text Dialog. -
In the Choose Binding dialog, click the Resources tab and click the Add button, as shown in Figure: Resources Tab.
-
In the New Resource type
welcomeas Resource Key andWelcome:as Resource value, as shown in Figure: New Resource Dialog.Click OK twice.
Click Finish.
-
Repeat the operation by dropping an Output Text component below the one you just created, as shown in Figure: Output Text Component.
-
In the New Output Text dialog, type
usernameas the Id and click the Bind to a dynamic value icon, as shown in Figure: Common Pane. -
In the Choose Binding dialog, expand JSF Managed Beans | LoginBean and select
userName, as shown in Figure: Choose Binding Dialog.Click OK.
-
Back to the Output Text creation, click Finish, as shown in Figure: Output Text Dialog.
-
The login page now looks similar to Figure: Login Page.
-
The Preview tab looks similar to Figure: Preview Tab.
-
Click the Save All button to save your work.
