# 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:

1. Click the `welcome.jspx` tab and reopen the source code editor, as shown in Figure: Welcome Page

   Welcome Page

2. From the JSF Core library, select the loadBundle component and drop it next to the `f:view` tag, as shown in Figure: loadBundle Component.

   loadBundle Component

3. 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.

   Load Bundle Dialog

4. In the Resource Bundle Selection, expand the src | resources nodes and select application, as shown in Figure: Resource Bundle Selection.

   Resource Bundle Selection

   Click OK.

5. Back in the Load Bundle dialog, type `bundle` as the Variable name, as shown in Figure: Load Bundle Dialog.

   Load Bundle Dialog

   Click Finish.

6. In the Palette View, open the ADF Faces library, and drag and drop the Output Text component within the `af:form` tag, as shown in Figure: Output Text Component.

   Output Text Component

7. In the New Output Text dialog, type `welcome` as the Id and click the Bind to a dynamic value icon, as shown in Figure: New Output Text Dialog.

   New Output Text Dialog

8. In the Choose Binding dialog, click the Resources tab and click the Add button, as shown in Figure: Resources Tab.

   Resources Tab

9. In the New Resource type `welcome` as Resource Key and `Welcome:` as Resource value, as shown in Figure: New Resource Dialog.

   New Resource Dialog

   Click OK twice.

   Common Pane

   Click Finish.

10. Repeat the operation by dropping an Output Text component below the one you just created, as shown in Figure: Output Text Component.

    Output Text Component

11. In the New Output Text dialog, type `username` as the Id and click the Bind to a dynamic value icon, as shown in Figure: Common Pane.

    Common Pane

12. In the Choose Binding dialog, expand JSF Managed Beans | LoginBean and select `userName`, as shown in Figure: Choose Binding Dialog.

    Choose Binding Dialog

    Click OK.

13. Back to the Output Text creation, click Finish, as shown in Figure: Output Text Dialog.

    Output Text Dialog

14. The login page now looks similar to Figure: Login Page.

    Login Page

15. The Preview tab looks similar to Figure: Preview Tab.

    Preview Tab

16. Click the Save All button to save your work.