Integrating Responsive Pages into the BI Portal

How to:

RDF pages can be integrated into the BI Portal to create adaptive and intuitive user-facing InfoApps. The RDF Add-on enables full access to personalization and ad hoc reporting features, among others.

You can use both BI Portal-created pages and RDF pages within a single portal. This enables you to use the standard responsive dashboard capabilities of BI Portal in combination with responsive InfoApps created with the RDF Add-on.

Note: It is recommended to use a single-column layout when placing RDF pages into a responsive portal to ensure that the pages maintain their original responsiveness.

Top of page

Procedure: How to Add RDF Pages to a BI Portal

RDF pages can be a great addition to customer facing portals. This example will show how to add RDF pages to a portal.

  1. In App Studio, click BI Portal from the WebFOCUS Administration menu.

    WebFOCUS BI Portal opens in Internet Explorer.

  2. In the Resource tree, right-click the Portals node and click New Portal.

    The New Portal dialog box opens.

  3. Type a title for the new portal and click OK.

    The Portal Designer opens.

  4. On the Properties tab at the bottom of the screen, set the Width to auto.
  5. Right-click the page and click Page Layout.

    The Choose a Layout menu opens.

  6. Select One Column.

    The Choose a Layout menu closes.

  7. On the Insert tab, in the Containers group, click Panel.

    A new panel appears in the portal page.

  8. On the Insert tab, in the Content group, click WebFOCUS Resources.

    The WebFOCUS Resources tree appears.

  9. Navigate to the location of your RDF page and drag it to the panel.

    Note: Be sure to drop the RDF page within the panel, not above it.

  10. Using the arrows in the breadcrumb trail at the bottom of the window, navigate to the container with the name of your imported file.

    Set the Height to auto.

  11. Use the breadcrumb trail to navigate to Panel_1_1 and clear the Dynamic Report Styling check box.
  12. Save the portal and close the Portal Designer.
  13. In the Resource tree, under the Portals node, right-click your new portal and click Run.
  14. Adjust the size of the browser window.

    The portal content dynamically resizes and rearranges to fit the display.