Show TOC

Defining the Look and Feel of the iView ContentLocate this document in the navigation structure

Use

This procedure describes how you define the way in which content from a Web page will be rendered in a URL iView at runtime. Rendering refers to how the content is visually formatted in the iView and whether or not certain portal functionalities are applied to the content, such as accessibility support for end users and paging scroll arrows.

The rendering options, as selected in the Look and Feel setting of the iView, are as follows:

Rendering Type

Description

Keep source formatting

The iView content is not rendered at all by the portal; it is displayed in its native format as defined in the source Web page. This is the default setting.

Note

The portal theme and other portal runtime functionalities, such as accessibility, are not applied to the iView content.

Apply portal themes only

At runtime, the portal substitutes certain styles incorporated by the source Web page with portal-specific styles that apply to the portal theme currently selected by the end user.

The iView content is not rendered in HTMLB, but contains modified HTML code of the Web page. Some HTML elements may not successfully attain the look and feel of the portal theme. The overall result is an approximation of the current portal theme.

Note
  • This option is only available when you have selected a restricted area in the Web page to display, and the captured area contains an HTML element of type TABLE . See Selecting the Capture Area .

  • Portal runtime functionalities, such as accessibility, are not applied to the iView content.

Recommendation
  • Where possible, use the Apply full portal rendering option setting instead.

  • In some cases, white text may not be visible in the iView due to a white background. The Apply full portal rendering option may solve this problem.

Apply full portal rendering

In addition to applying the portal theme to the iView content (as described above), the portal formats the iView content using HTMLB controls. This provides additional portal runtime functionalities to the iView, such as end-user accessibility support and paging scroll arrows.

This setting also allows you to choose which row in a table is the first data row, to hide or display columns, and to define your own column heading labels.

Note
  • This option is available only when you have selected a restricted area in the Web page to display, and the captured area contains only an HTML element of type TABLE . See Selecting the Capture Area .

  • This option may not be able to render complex HTML table structures, such as a table within a table. In such cases, try using the Apply portal themes only option.

This is the recommended setting.

Procedure

Choosing the Look and Feel Setting

  1. Open the URL iView in the URL iView Editor.

  2. Next to the Look and Feel , click Edit .

    Note

    The Edit button is only enabled when the Content to Display in iView setting in the iView is set to Captured Area . The button is disabled when the setting is set to Full Web Page . For more information, see Selecting the Capture Area .

  3. Choose the type of rendering to apply to the iView content at runtime (see a description of each option in the table above):

    • Keep source formatting: A preview of the iView and its content is displayed as it would appear at runtime. There are no additional settings you can configure.

    • Apply portal themes only: A preview of the iView and its content is displayed as it would appear at runtime. There are no additional settings you can configure.

    • Apply full portal rendering: See below for instructions on how to use the settings available with this option.

  4. Click OK to apply your current settings and close the window. Alternatively, click Cancel to discard your changes and close the window.

    Note

    If you are using the Apply full portal rendering option and have made modifications in the Rendering Settings pane, make sure you click Apply before clicking OK .

    You are returned to the URL iView Editor. The Look and Feel box specifies the type of content rendering currently defined.

  5. Click Save .

Configuring the Rendering Settings for "Apply full portal rendering"

In contrast to the other rendering options, Apply full portal rendering offers additional settings which allow you to specify how and which content is displayed in the iView at runtime.

When you select Apply full portal rendering , the Rendering Settings pane is displayed. This is not a preview of the iView, but a work area in which you define the rendering settings.

Task

Description

Specify the table columns to display in the iView

You can select which columns in the captured table are displayed in the iView at runtime.

To do so, select the Display Column checkbox above each column you want to appear in the iView. Deselected columns will be hidden.

By default, all columns are selected.

Specify the text of the column heading labels

You need to enter the text label for each column that you have selected to display. This text will appear in the table column headings in the iView at runtime.

To do so, enter the appropriate text over the Type text here text displayed above each relevant column.

Note

You cannot enter the same text in two or more columns (valid only for columns which you have selected).

Specify the first row of data

You need to select the row number where actual data begins in the captured table.

To do so, choose the row number in the First row of data drop-down list.

Specify maximum number of rows visible in iView at runtime

You need to specify how many rows of data the iView displays at runtime. If the iViews contains more rows of data than the defined value, scroll buttons are displayed, which the end user can use to scroll the remaining contents of the iView.

To do so, choose a number in the No. of Visible Rows drop-down list.

Specify the table style

You need to choose how the content in the table is visually formatted within the iView at runtime.

To do so, choose one of the following in the Table Style drop-down list:

  • Transparent: The background color of each table row is transparent and border lines are not displayed.

  • Standard: The background color of each table row is the same color and border lines around the table and between cells are displayed. The background and border line color is based on the portal theme definitions.

  • Alternating: Every other table row is displayed with an alternate background color and border lines are also displayed. The background and border line color is based on the portal theme definitions.

Preview the rendered iView

To preview the rendered iView based on your current settings, click Apply . The rendered iView is displayed in the Rendering Preview pane.

For every subsequent modification you make to the rendering settings, click Apply again to refresh the preview display.

Note that the paging scroll buttons are not displayed in the preview. They are displayed at the bottom of the iView at runtime only.