Using WebFOCUS Designer Pages

Pages that you create in WebFOCUS Designer can be used standalone, in a portal, and embedded in a third-party or customer-facing application. The sections below explain some of the most common ways to run and use WebFOCUS Designer pages.

Procedure: How to Run a Designer Page from the Home Page

  1. Create a new WebFOCUS Designer page and save it in a directory of your choice.
  2. On the Home Page, right-click your new page, and then click Run.

    The page opens in the Home Page viewer within the same browser window, as shown in the following image.

    Here you can interact with the content, change filter values, minimize or expand items, collapse or expand the filter panel, collapse of expand sections, refresh your content, and open this page in a new browser window or tab.

  3. Close the page by clicking the close button in the upper-right corner.

Procedure: How to Add a Designer Page to a Portal

  1. Create a new WebFOCUS Designer page, and save it in a directory of your choice.
  2. On the Home Page, on the actions bar, click Collaborative Portal .

    The New Portal dialog box opens.

  3. Populate the Title field and click Create.

    The Portal Designer opens in the new window or tab, depending on your browser settings.

  4. Keep the 1 Column page template selected. Optionally, populate the Title field, and click Create.
  5. On the Insert tab, in the Content group, click WebFOCUS Resources.
  6. Drag your new WebFOCUS Designer page to the canvas, in the same way you would drag any other content item.
  7. In the Properties panel, set Height to Auto.
  8. In the Properties panel, in the Title tab, select the Hide Title Bar check box.
  9. Save your changes and close the Portal Designer.
  10. On the Home Page, right-click the new portal and then click Run.

    The portal runs in the new window or tab, and displays your new Designer page, as shown in the following image.

    Example of a Designer page in a portal

Procedure: How to View a Designer Page in the Mobile Viewer

  1. Create a new WebFOCUS Designer page, and save it in a directory of your choice.
  2. In a desktop browser or on a mobile device, type the following address:
    http://server:port/ibi_apps/mv/Path_to_Designated_Page

    where:

    server

    Is the name of the server on which WebFOCUS is installed.

    port

    Is the port number on which the server is listening.

    Path_to_Designated_Page

    Is the path to the folder containing the content that you want to view in the Mobile Viewer.

    Note: If the content resides in a My Content folder, then the path should include a domain name and a username preceded by the tilde character, as follows: 

    http://server:port/ibi_apps/mv/Domain_Name/~username

    The Mobile Viewer page opens.

  3. Open the Content menu in the upper-left corner, and click the name of your Designer page.

    The Designer Page opens in the Mobile Viewer, as shown in the following image.

    Designer page opening in the Mobile Viewer

Procedure: How to Run a Designer Page From a URL

  1. Create a new WebFOCUS Designer page and save it in a directory of your choice.
  2. On the Home Page, right-click your new Designer page and then click Properties.

    The Properties panel open.

  3. On the General tab, in the Path property, copy the portion of the path that appears after the word Repository.
  4. In a new browser window or tab, type the following path:
    http://server:port/ibi_apps/run/ibfs/WFC/Repository/
Path_to_Designated_Page

    where:

    server

    Is the name of the server on which WebFOCUS is installed.

    port

    Is the port number on which the server is listening.

    Path_to_Designated_Page

    Is the portion of the path that you copied from the Path property.

  5. Press Enter.

    The page runs from the URL that you created, as shown in the following image.

WebFOCUS