Back Forward List View form
Completing the Format tab

About List View rules

 zzz Show all 

Complete this optional tab to identify HTML styles for the fields on the display, headers and footers, how user interface click events are processed, and other aspects of the presentation.

 zzz View Style

Field

Description

View Style  
Style Name

SmartPromptIdentify a cascading style sheet (CSS) file that is contained in a text file rule. Enter the File Type key part, a slash character, and the File Name key part, for example css/ourreportstyles.

TipIn most situations, leave this field blank, using it only for unusual reports. As a best practice, define report styles for an entire application using a skin rule that is developed and maintained exclusively through the Application Skin wizard. This approach assures uniform presentation of list view output.

If you leave this blank, default styles apply, but vary depending on the Type field of the user's portal rule and any skin rule that the portal rule references. For additional information on styles, see:

Styles referenced here affect only the presentation of this individual list view report. You can override the styles for all list view and summary view reports at the portal level, through a skins rule that references report styles you have defined in your application. See About Skin rules.

 zzz Row Format

Field

Description

Row Format

zzzYou can use this optional array to define styles applied to specific rows of this display.

For each row, the system evaluates all the conditions (in the order you enter them) and applies the style in the first row that evaluates to true. If none is true, no style is applied.

Evaluate Expression

Optional. Enter the name of a when condition rule or a boolean Java expression.

The when condition rule can evaluate property values in the row. For example, you can apply a special style to those rows of a list view report that contain your own Operator ID in a certain column.

Apply this style when true

Optional. Identify a style for a table row if the expression is true. This becomes the value of the CLASS=" " attribute for the <TR> table row element. Choose a style defined in the style sheet identified in the Style Name field.

 zzz Alternate Row Styles

Optionally, you can identify styles to be applied to alternate rows of report output.

Field

Description

Odd Row

SmartPromptOptional. Identify the name of a style for the first, third, and other odd-numbered rows of the output.

Even Row

SmartPromptOptional. Identify the name of a style for the second, fourth, and other even-numbered rows of the output.

 zzz Events Handling

AdvancedComplete these optional fields to allow users to select a row and operate on in using mouse clicks. The system response can be an activity, started on the Process Commander server, or a JavaScript function, executing in a client Internet Explorer browser session.

If you implement this capability, make sure the Applies To class of the list view report is an external class, make sure the Key of a Row field (on the Content tab) correctly identifies a property in the external class that uniquely identifies a row.

When the parameter param.glimpseMode is set to the literal value "scripts", the system responds to click events by calling the script identified in the call script function field. Otherwise, it responds by calling the activity.

Field

Description

Events Handling  
Single click event - call Activity

SmartPromptOptional. Identify an activity to run upon single click after a row is selected.

call script function

Optional. Identify a script function to run upon single click after a row is selected.

Double-click event - call Activity

SmartPromptOptional. Identify an activity to run upon double-click after a row is selected. This capability is not available when the Embedded option (on the Display Fields tab) is selected.

call script Function

Optional. Identify a script to run upon double-click after a row is selected.

call script function

AdvancedOptional. This field appears only when the Enable Selection of Rows option is selected on the Selectable tab. Identify a callback JavaScript function with the signature:

(nRow, strClass, strInsName, strInsKey, strCategoryProp, strCategoryValue, lvRowItem, options)

where:

  • nRow — index of the row, starting 1. If the Select All open is selected then this is set to -1.
  • strClasspxObjClass value of the record.
  • strInsName — value of pxInsName
  • strInsKey — value of pzInsKey
  • strCategoryProp — category property (if categorization is enabled)
  • strCategoryValue — category value (if categorization is enabled)
  • lvRowItem — structure describing a single row, with these fields:
            getRowIndex
            getPageIndex
            getPageCount
            getKey
  • Options.selected is true or false.

Your application can call the pega.ui.LVUtils.getSelectedRows() PublicAPI function to return an array of list view rows that the user selected.

Custom tool tip message

Optional. Enter Tooltip text to appear for a row.

Return properties to clients?

AdvancedUsed in IWM only. If selected, at runtime when the call script function executes, Process Commander creates an arraylist of all the fields in the selected row and then builds a AJAX JSON object, sent to the browser.

Target Frame

Optional. Identify the HTML frame in the display for the output of the event. The default frame is DETAILS.

On load event call script function

Optional. Identify a script to run when this view is first displayed. This capability is not available when the Embedded option (on the Display Fields tab) is selected.

Fragment for script functions

Optional. Identify an HTML Fragment rule that contains the functions identified above, or that references a static file containing the script functions.

TipThe standard HTML fragment rule ListViewSelectorScript contains JavaScript functions that you can use here. To review documentation on these functions, select Help > APIs > Desktop. Then click the List View Script link in the Packages area.

 zzz Preview Setting

Field

Description

Preview Setting  
Show row preview?

Select to cause the list view display to include a rectangular area containing additional details for that row below each row. If selected the system finds and executes an HTML rule identified in the next field and presents the results below each row.

Clear this box to eliminate preview area beneath each displayed row.

This capability is not available when the Embedded option (on the Display Fields tab) is selected.

()

Optional. This field appears only when the Show row preview? box is selected.

Enter the second key part of an HTML rule that is to appear at runtime when users open the optional expanded area. The system uses a concrete class identified at runtime as the Applies To key part of the HTML rule; this class can be the same as or a subclass of the Applies To key part of this list view rule.

Design the HTML rule to display additional details about the row, or other information that is meaningful to users in context.

If you leave this field blank but the Show row preview? box is selected, the system at runtime looks for an HTML rule named Preview by default. (Define at least one HTML rule in an appropriate Applies To class, since the standard placeholder rule @baseclass.Preview contains no fields.)

(OldIn releases before Version 4.2SP6, the HTML rule was restricted to have the name Preview.)

Display data in a FrameSet

Select if you want to allow the user to access (by single-clicking a row) a set of additional fields to appear inside a frameset border below the rows.

If selected, at runtime a single click executes the activity in the Single click event - call Activity field, and presents the results in the frameset.

This capability is not available when the Embedded option (on the Display Fields tab) is selected.

Size of top frame in %

Optional. If you selected Display data in a FrameSet, specify here what percent of the height of the workspace is to hold rows of the report. For example, enter 80 to leave 20 percent of the height for the FrameSet information.

If you leave this blank, the default value is 70.

This field appears only when you select the Display data in a FrameSet check box.

 zzz Smart Info Settings (for hover)

Optionally, you can define a source for HTML code to be rendered in a pop-up window or displayed as an embedded <DIV> when users hold the mouse pointer over a row (hover) or when they click a row expand arrow(Row Expand Arrow) at the beginning of the row. For example, this capability can allow users to review details about a work object on a worklist, without requiring the users to open the work object.

Smart Info pop-ups are designed for read-only presentation. Do not attempt to include input fields or other controls.

Field

Description

Smart Info Settings  
Header

Enter text to appear in the header of the pop-up window. Alternatively, if this list view report is to be localized, identify a field value rule to contain the header text.

Content

Identify the name of an activity that computes the HTML text to be rendered. This activity must meet the following conditions:

  • The Applies To key part of the activity matches the Applies To key part of the list view rule, or is a parent class of this list rule.
  • On the Security tab, the May Start? check box is selected.
  • The activity accepts a parameter named keyHandle.
  • The activity assembles and returns text or an HTML stream that meets certain restrictions listed here.

For an example, review the standard activity Assign-.getWorkItemSmartInfo, which can be used to supplement worklist displays. It assembles an HTML stream by evaluating a section named Work-.WorkItemSmartInfo. (Although the standard activity is a Final rule, you can copy and override the section rule, to include fields in your application as appropriate, or copy the standard activity with a new name.

The activity can return HTML code that is a partial document that contains:

  • No <HTML> or </HTML> elements
  • No input fields
  • No <TEXTAREA > elements
  • No JavaScript code or calls

Additionally, when rendered by Internet Explorer as a pop-up, the window must be modest in size.

TipTo aid users, include in the Description field a notification that this capability is available. For example:

Hold mouse pointer over any row to see details...

This facility uses AJAX to communicate user requests to the Process Commander server.

For an example activity that meets these criteria, see Pega Developer Network article PDNPRKB-24125 How to enable a SmartInfo details display on report rows.

Embedded?

Select to have the Smart Info content embedded in the report to display when you click the expand arrow at the beginning of the row.

When selected, at runtime a Row Expand Arrow (Row Expand Arrow) changes to a Row Collapse Arrow (Row Collapse Arrow), the workstation sends a request to the server to run the Content activity specified in the previous field, and the resulting HTML output appears below the current line.

Field

SmartPromptOptional. Select one field — from those appearing in the Display fields tab — to activate the Smart Info display — to cause the Smart Info display to appear only when the mouse pointer is held over a value in that field.

If blank, the Smart Info display is activated when the mouse pointer is held over any field in the row and does not move for at least 700 milliseconds. The workstation sends a request to the server to run the Content activity specified in the previous field, and the resulting HTML output appears in a pop-up window.

This field appears only when the Embedded? option is not selected.

Smart Info Examples

For examples, see How to implement "hover and see" worklists with Smart Info and these PDNPega Developer Network articles:

 zzz Right-click Smart Info Settings

Optionally, you can define a source for HTML code to be rendered in a pop-up window or displayed as an embedded <DIV> when users right-click on a row. For example, this capability can allow users to review details about a work object on a worklist, without requiring the users to open the work object.

This feature works similarly to the Smart Info Settings feature, but is started at runtime by a right-click rather than by hovering the mouse pointer. Your application can provide either or both Smart Info capabilities.

Smart Info pop-ups are designed for read-only presentation. Do not attempt to include input fields or other controls.

Field

Description

Header

SmartPromptOptional. Enter text to appear in the header of the pop-up window. Alternatively, if this list view report is to be localized, identify a field value rule to contain the header text.

Contents

SmartPromptOptional. Identify the name of an activity that computes the HTML text to be rendered. This field functions similarly to the Content field in Smart Info Settings.

Field

SmartPromptOptional. Select one field — from those appearing in the Display fields tab — to activate the Smart Info display — to cause the Smart Info display to appear only from a right-click operation over a value in that field. If blank, the Smart Info display is activated from a right-click on any field in the row.

The workstation sends a request to the server to run the Content activity specified in the previous field, and the resulting HTML output appears in a pop-up window.

 zzz Section Settings

You can add a header and footer to reports. For an example, see Pega Developer Network articlePDN PRKB-25211 How to add a header or footer to a report.

Field

Description

Section Settings 
Header

SmartPromptOptional. Select a section that specifies the content of the report display header.

Footer

SmartPromptOptional. Select a section that specifies the content of the report display footer.

zzz About List View rules