User Interface Development & Navigation Flashcards

In Pega, which rule type defines the layout and controls for a single-page form that a user fills out during a flow action?

Answer: Section

A Section rule defines the arrangement of fields, controls, and layouts for a portion of a screen, and is referenced by flow actions, harnesses, and other sections.

What Pega feature allows an application developer to preview how a UI form will render on a mobile device directly in Dev Studio?

Answer: Responsive preview mode in the section designer

The responsive preview mode within the section or harness designer lets developers toggle between device viewports to see how the UI adapts to mobile screen sizes.

In Pega, what is the role of an 'Action set' on a button control?

Answer: It specifies a sequence of client-side and server-side actions triggered when the button is clicked

An Action Set on a button control chains multiple actions (e.g., validate, refresh, run activity, navigate) that execute in order when the user clicks the button.

Which Pega mechanism is used to localize UI labels and messages for multiple languages without modifying section rules?

Answer: Locale rule with field value overrides

Field Value rules (locale rules) store translated strings keyed by field name and locale, and Pega automatically swaps them in at runtime based on the operator's language setting.

In Pega, when using a 'Repeating dynamic layout' to display a page list, which setting controls the number of columns shown per row?

Answer: Number of columns in the repeating layout configuration

The Repeating Dynamic Layout's column count setting directly determines how many items are rendered side-by-side per row when iterating over a page list.

What is the purpose of the 'pxButton' control type in Pega's UI framework?

Answer: A configurable button control that triggers action sets defined by the developer

The pxButton control is the standard configurable button that developers wire to action sets, allowing custom labels, styles, and sequences of triggered actions.

Which Pega approach is recommended to ensure that a data page used by a UI dropdown is refreshed when a related field value changes?

Answer: Use a 'Refresh when' condition on the dropdown control referencing the dependent property

Setting a 'Refresh when' condition on the dropdown control that watches the dependent property causes Pega to invalidate and reload the data page automatically when that property changes.