CSA User Interface & User Experience — Questions and Answers

Question 1: In traditional Pega UI, which rule type provides the outer frame of a work form, such as Perform, Review, or Confirm?

Section
Harness (Correct answer)
Portal
Skin

Correct answer: Harness

A harness defines the overall structure of a work form and contains the sections that make up its content.

Question 2: A team needs the same customer contact block on five different forms. What is the best practice?

Copy the fields into each form's section
Build one reusable section and embed it in each form (Correct answer)
Add the fields directly to each harness
Create five circumstanced versions of a harness

Correct answer: Build one reusable section and embed it in each form

Embedding a single reusable section avoids duplication and makes maintenance easier.

Question 3: A Comments field should appear only when the user selects the 'Other' checkbox, with no server round trip. How should it be configured?

Use a Declare Expression on the Comments property
Set a visibility condition on the field and enable running it on the client (Correct answer)
Create a separate section for each checkbox value
Use a flow decision shape before the assignment

Correct answer: Set a visibility condition on the field and enable running it on the client

A client-side visibility condition shows or hides the field instantly in the browser.

Question 4: An order form must recalculate the line total immediately after the user changes the quantity. Which configuration achieves this?

An action set on the quantity field with a Change event that refreshes the section (Correct answer)
A validate rule on the flow action
A data transform on the case's create stage
A when rule in the harness

Correct answer: An action set on the quantity field with a Change event that refreshes the section

An action set triggered on change can refresh the section so recalculated values appear without submitting.

Question 5: In a traditional Pega UI, which rule defines colors, fonts, and layout formats, keeping presentation separate from content?

Harness
Skin (Correct answer)
Section
Paragraph

Correct answer: Skin

The skin rule controls styling and formats, separating presentation from content.

Question 6: A form must show every line item stored in a Page List property, one row per item. Which layout is most appropriate?

Dynamic layout
Table layout (repeating grid) sourced from the page list (Correct answer)
Column layout
Dynamic layout group

Correct answer: Table layout (repeating grid) sourced from the page list

A table layout iterates over a page list and renders one row per entry.

Question 7: Which layout type uses responsive CSS flexbox so that content adapts to different screen sizes?

Smart layout
Freeform layout
Dynamic layout (Correct answer)
Fixed-width grid layout

Correct answer: Dynamic layout

Dynamic layouts are flexbox-based and responsive, replacing older smart and freeform layouts.

Question 8: How does the Pega Constellation architecture render the end-user interface?

Server-generated HTML from sections and harnesses
Client-side prebuilt design system components driven by view metadata through the DX API (Correct answer)
Custom JSP pages written for each case type
Skin rules compiled into static HTML

Correct answer: Client-side prebuilt design system components driven by view metadata through the DX API

Constellation sends view metadata through the DX API, and client-side React components render it.

Question 9: In a Constellation application, which view template is intended to display read-only case information, such as in a case summary?

Form template
Details template (Correct answer)
Table template
Wizard template

Correct answer: Details template

Details templates show read-only field information, while Form templates are for data entry.

Question 10: In a Constellation application, how should a team change brand colors and typography?

Write custom CSS in each view
Edit the application theme in App Studio (Correct answer)
Add inline styles to properties
Override the harness HTML

Correct answer: Edit the application theme in App Studio

Constellation styling is applied through theme settings rather than custom CSS or skins.

Question 11: Users must pick an existing customer from a list of saved customer records. Which field type should be used?

Text (single line)
Embedded data
Data reference (Correct answer)
Picklist with static values

Correct answer: Data reference

A data reference field points to existing records from a data object.

Question 12: A case must capture several shipping addresses that belong only to that case. Which field type fits best?

Data reference single record
Embedded data configured as a list (Correct answer)
Picklist
Calculated field

Correct answer: Embedded data configured as a list

Embedded data stores a copy of structured data within the case, and a list allows multiple entries.

Question 13: Users need to update the customer's address at any point while a case is open, regardless of the current step. What should be configured?

A case-wide optional action (Correct answer)
An extra assignment in each process
A visibility condition on the address field
A new stage for address updates

Correct answer: A case-wide optional action

A case-wide optional action lets users run the action at any time during the case.

Question 14: An application's field labels and messages must be shown in Spanish for some users. Which approach does Pega recommend?

Duplicate every section with Spanish text
Use the Localization wizard to translate field values into a language-specific ruleset (Correct answer)
Change the operator's skin
Hard-code labels with a when condition per language

Correct answer: Use the Localization wizard to translate field values into a language-specific ruleset

The Localization wizard exports and imports translations into a language ruleset that is applied by operator locale.

Question 15: A developer wants to find out which section and property render a specific field on a running screen. Which tool helps most?

Tracer
UI Inspector (Live UI) (Correct answer)
Clipboard viewer
Performance Analyzer (PAL)

Correct answer: UI Inspector (Live UI)

The UI Inspector highlights UI elements at runtime and identifies their source rules.

Question 16: Which Dev Studio tool helps developers find accessibility issues, such as missing labels, in an application's UI?

Accessibility Inspector (Correct answer)
Guardrail Report
Rule Security Analyzer
Application Inventory

Correct answer: Accessibility Inspector

The Accessibility Inspector flags UI elements that don't meet accessibility guidelines.

Question 17: A dropdown should list product categories maintained in a data type, and the list will change over time. What is the best source for the dropdown?

Hard-coded local list in the control
A data page referenced as the list source (Correct answer)
A property's table type validation with fixed values
A custom JavaScript array

Correct answer: A data page referenced as the list source

Sourcing from a data page keeps options dynamic and reusable without editing the UI.

Question 18: Users must pick one of 20,000 cities. Which control gives the best experience?

Radio buttons
Dropdown
Autocomplete (Correct answer)
Checkbox

Correct answer: Autocomplete

Autocomplete filters a large list as the user types, which avoids a huge dropdown.

Question 19: Which practice follows Pega UI guardrails?

Writing custom HTML in sections
Adding inline styles to individual controls
Using auto-generated sections and design system components (Correct answer)
Embedding JavaScript in harnesses for layout

Correct answer: Using auto-generated sections and design system components

Auto-generated UI and standard components keep the application maintainable, accessible, and upgradable.

Question 20: A field is marked Required in a view. When does the user first see the validation message if the field is left empty?

Only after the case resolves
On the client when the user tries to submit the form (Correct answer)
Only when an administrator runs a report
After a background agent processes the case

Correct answer: On the client when the user tries to submit the form

Required fields are validated in the browser before the submit is processed.

Question 21: A section shows data from a slow external service and delays the whole page. What improves the user experience?

Enable Defer load contents on the layout (Correct answer)
Move the data into a harness
Add more visibility conditions
Change the control to a text input

Correct answer: Enable Defer load contents on the layout

Defer load lets the rest of the screen render first while the slow content loads in the background.

CSA User Interface & User Experience

In traditional Pega UI, which rule type provides the outer frame of a work form, such as Perform, Review, or Confirm?

🃏 Study This Quiz as Flashcards →

📚 Want to go deeper? Read the Full Exam Study Guide →

What Practice Test Geeks adds beyond an AI chat for CSA

An AI chatbot can quiz you, but it can't reproduce the exam conditions or keep your record. Here you get:

A timed, full-length CSA mock exam — 60 questions in 90 minutes with a 70% pass mark, modeled on the official exam's question count and time limit, followed by a score report broken down by exam domain.
A fixed CSA question bank: the same test every attempt, so your score is comparable from one try to the next instead of changing with every regenerated quiz.
Progress saved on your device: completed tests, scores and missed questions stay in My Progress, so you can retake only what you got wrong.
A printable CSA cheat sheet you can print or save as a PDF.
CSA flashcards built from the same question bank.

Start the Timed CSA Mock Exam →

These practice questions were written with AI tools. They are not real exam questions. Exam facts are checked against the official sources listed below. Not reviewed by a subject-matter expert. Editorial policy

Sources & references

Exam facts on this page (fees, format, dates, passing scores) are checked against these official sources; the date is our last check. Editorial policy

academy.pega.com — Test delivery, eligibility, exam format, passing score, score release, score validity, fees, exam information · verified Oct 2026
home.pearsonvue.com — Retake policy · verified Oct 2026