Working With Multiple Visual Web JSF Pages

The following table shows how to connect multiple pages using the Page Flow editor. To open the Page Flow editor, right-click in the Visual Designer and choose Page Navigation. The table assumes that the page that you navigate from is called the source page. The page that you navigate to is called the destination page.

Number one
Create pages and components

  • If the destination page is already created, skip to the next step. Otherwise, in the Page Flow editor, right-click and choose New Page to create the destination page.

Number two
Connect source and destination pages

  1. In the Page Flow editor, click the source page to display its components.
  2. In the source page, click the component that triggers the navigation and drag the connector to the destination page.

Number three
(Optional)
Connect source with multiple destinations

  1. In the Page Flow editor, click the source page to display its components.
  2. Drag a new connector from the source page to each destination page.
  3. Right-click the component that triggers the navigation and choose Decide Case With Code to open the Java Editor with the cursor moved to the action method for the component.
  4. In the Java Editor, set the return statement of the action method to a connector name.

Legal Notices