Styling Different Elements of a Tabular Active Technologies Report

In this section:

How to:

This topic describes how to use Report Painter format options to style the following elements of a tabular active report:

Another way to achieve the same styling result is to include WebFOCUS StyleSheet code in the tabular report procedure, as described in Styling the Pop-up Menu and Status/Navigation Bar Using WebFOCUS Code.

The following image shows a styled pop-up menu and status/navigation bar.


Top of page

x
Procedure: How to Style the Pop-up Menu and Status/Navigation Bar of a Tabular Active Technologies Report

This procedure describes how to style the pop-up menu and status/navigation bar of a tabular report. It supplies sample values, but you can substitute your own values to achieve the desired result.

  1. Open the active report in Report Painter.
  2. Select the Report menu option, followed by Format. The Report Options dialog box opens. HTML active report (AHTML) is selected as the output format.
  3. In the Menu options section, open the Background color palette under Menu color.
  4. On the color palette, click Custom.
  5. Type either the HSL (hue, saturation, luminosity) values, or the RGB (red, green, blue) values, as follows. For HSL, type 146, 120, 172.

    For RGB, type 147, 172, 219.

    Click OK to close the Color dialog box.

  6. Change the menu Hover color to dark gray (50%).
  7. Change the menu Border color to light gray (25%).
  8. Change the menu font Text color to white.
  9. Change the menu font Hover color to dark gray (80%).
  10. In the Pagination options section, set the Text color to white.
  11. For the Background color, click Custom. Type either the HSL values or the RGB values, as follows.

    For HSL, type 146, 120, 172.

    For RGB, type 147, 172, 219.

    Click OK to close the Color dialog box.

  12. For the Justification under Pagination options, select Top Center from the drop-down list.

    The following image shows the Report Options dialog box, with the selected sample values.

  13. Click OK to close the Report Options dialog box.
  14. Run the active report to display the newly styled pop-up menu and status/navigation bar.

Top of page

x
Styling the Pop-up Menu and Status/Navigation Bar Using WebFOCUS Code

You can add the following StyleSheet code to the end of the tabular report procedure instead of performing the steps in How to Style the Pop-up Menu and Status/Navigation Bar of a Tabular Active Technologies Report. The code produces the same styling result that the steps produce.

TYPE=REPORT,
     OBJECT=MENU,
     COLOR='WHITE',
     HOVER-COLOR=RGB(51 51 51),
     BACKCOLOR=RGB(147 172 219),
     HOVER-BACKCOLOR='GRAY',
     BORDER-COLOR='SILVER',
$
TYPE=REPORT,
     OBJECT=STATUS-AREA,
     JUSTIFY=CENTER,
     PAGE-LOCATION=TOP,
     COLOR='WHITE',
     BACKCOLOR=RGB(147 172 219),
$

WebFOCUS