User Interface Flashcards

1
Q

User Interface: Customizing UI - What is the purpose of a user interface?

A

Present user information

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

User Interface: Customizing UI - What is definition of responsive behavior?

A

Application responds to screen size

using shrink and stack rule

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

User Interface: Customizing UI - What is a section rule?

A

Rule that defines UI behavior

References Layouts and components

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

User Interface: Customizing UI - What is a break point?

A

Rule to define responsive behavior if interface

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

User Interface: Customizing UI - What is the purpose of a design template?

A

Apply consistent structure and form to UI

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

User Interface: Customizing UI - What is referenced by a section rule?

A

Layout and

Controls

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

User Interface: Customizing UI - What are the different types of layouts available

A
Column
Free Form
Dynamic
Repeating
Smart
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

User Interface: Customizing UI - What are the primary guidelines for UI design?

A

Intent Driven - only show relevant info
Model Driven - align to case life cycle, and flexibility to adapt
Keep Simple - not too many options
Common labels - consistent labels, locations, and icons

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

User Interface: Customizing UI - Where do you create a section rule?

A

App Studio - Case Life Cycle Designer - configure UI

Dev Studio - Create UI rule under case type

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

User Interface: Customizing UI - What is the purpose of layouts?

A

Position fields in interface using a design template

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

User Interface: Customizing UI - What is the purpose of a dynamic layout?

A

Adjust layout to screen size

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

User Interface: Customizing UI - What is the purpose of a repeating layout?

A

Support repeating structures: Tables, Page Lists and Groups

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

User Interface: Customizing UI - How do responsive layouts support responsive behavior?

A

Use of breakpoints

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

User Interface: Customizing UI - What are the types of dynamic layouts?

A
Inline
Inline Grid 
Stacked
Double
Inline Triple Grid
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

User Interface: Customizing UI - What is meant by the terms inline, grid, and stacked when it comes layouts?

A
Inline = displays in rows
Grid = Info grouped together
Stacked = displays in columns
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

User Interface: Customizing UI - What are the various types of repeating dynamic layouts in Pega?

A
Grid
Tree
Tree Grid
Repeating Dynamic
Column Repeat
Tabbed Repeat
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
17
Q

User Interface: Customizing UI - How do controls related to section rules and formats?

A

Added to section rule
Map to data elements
Reference a Format

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
18
Q

User Interface: Customizing UI - What are the types of columns in a responsive table and how do they adapt to screen size?

A

Primary - Unique
Secondary
Other - removed if screen size gets too small

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
19
Q

User Interface: Dynamic Content - What is the purpose of dynamic content?

A

Hide portions of UI until needed

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
20
Q

User Interface: Dynamic Content - What is the difference between responsive and dynamic layout?

A

Responsive - adapt layout to screen size

Dynamic - hide portions of UI until needed

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
21
Q

User Interface: Dynamic Content - What are the benefits of Dynamic Content?

A

Real time responsive
Reduces clutter
reduce screen refreshes

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
22
Q

User Interface: Dynamic Content - What is the event model for Dynamic Content?

A

Cause and effect model - UI changes based on an event

23
Q

User Interface: Dynamic Content - What are the types of events that can drive Dynamic Content?

A

User Driven event

property based event

24
Q

User Interface: Dynamic Content - What are the parts of the Dynamic Content Event Model?

A

Event
Condition
Action

25
Q

User Interface: Dynamic Content - What are action sets as it relates to dynamic content?

A

Set of actions that can be executed to update UI based on events. Many to many relationship between actions and events

26
Q

User Interface: Dynamic Content - What part of the UI can be controlled as dynamic content?

A

Layout, Section, Control

27
Q

User Interface: Dynamic Content - What settings can be controlled as part of dynamic content?

A

visibility
edit mode
required

28
Q

User Interface: Dynamic Content - When setting the visibility of a control for dynamic layout, what are the options for visibility?

A

Always
Condition
If not blank
If not zero

29
Q

User Interface: Dynamic Content - Where do you configure dynamic content settings?

A

Cell property of layout, section, or control

30
Q

User Interface: Styling Application- What are the three features used to style Pega applications?

A

Skins
Formats
Mixins

31
Q

User Interface: Styling Application- Where do you configure the application skin?

A

Dev Studio>Applicaiton>Skin

32
Q

User Interface: Styling Application- What is the purpose of skins?

A

Make applications look the same

33
Q

User Interface: Styling Application- What is the definition of a skin?

A

Rule that defines responsive behavior, visual style, and format of an application

34
Q

User Interface: Styling Application- Where can skins be applied in Pega?

A

Application
Portal
View Modes (Mobile, Tablet, Desktop)

35
Q

User Interface: Styling Application- How do skins, layouts, controls, formats, and mixins work together to style application?

A

Skin > Layouts > Controls >Format>Mixin

36
Q

User Interface: Styling Application- When should you use inheritance for skins?

A

When ever possible

37
Q

User Interface: Styling Application- What is the purpose of a mixin?

A

Reusable style attributes for layouts, and controls

Can inherit from other skins

38
Q

User Interface: Styling Application- Where do you configure mixins?

A

Dev Studio>Application>Skin>Mixins

39
Q

User Interface: Styling Application- What is the purpose of formats?

A

Define style of specific type of UI element like control

40
Q

User Interface: Styling Application- What types of UI elements use formats?

A
Modal windows
errors
Layouts
Controls
Reports
41
Q

User Interface: What is relationship between section and UI?

A

Section rule configures content of UI

42
Q

Use Case: Activity name is primary column, activity selection is secondary column, thumbnail of activity is other column. What steps do you use to configure dynamic table?

A

Set activity name to primary, selection to secondary, and thumbnail to other

43
Q

Choose two ways to add a table to a view

1) Add table column properties in App Studio
2) Add field group list in view in Apps studio
3) Add a table to a section view in Dev Studio
4) Embed the table in the section used by the view

A

2) Add field group list in view in apps studio

3) Add a table to a section view in Dev Studio

44
Q

When do you use visibility controls for Dynamic Content?

A

to show or hide fields based on user input

45
Q

What is first consideration when configuring dynamic content in UI?

A

What fields need to be visible or disabled before using on section, layout, or control

46
Q

What is first consideration when preparing a dynamic UI action set?

A

What controls will generate action event

Which event will control action

47
Q

How do you configure an action set to occur when a control is in read only mode?

A

Configure action set to be processed if control if control is in read only mode

48
Q

How would you configure an action set on a button to clear user selections and then review previous actions on the case?

A

First configure click event to trigger refresh action

Second: add view history action on same event

49
Q

How would you configure a pay pal link to display only when as user selects pay pal as payment method?

A

Configure when rule or expression on pay pal link control

50
Q

Which of the following two sets represent action sets (event>action) in pega platform

1) Double click -> scan bar code - correct
2) Tab key > Add new work - correct
3) Open Mobile app> Focus – opening app is not an event
4) Run data transform> Enter – run data transform is an action not an event

A

1) Double click -> scan bar code - correct

2) Tab key > Add new work - correct

51
Q

A___________defines the look and feel of an application

(1) Control
(2) Mixin
(3) Skin
(4) Format

A

Skin

52
Q

Which two of the following options are benefits of using skin inheritance

(1) Child skins only need to customize in the parent
(2) Standard styles created in parent are easier to maintain
(3) Child skins can reuse mixins and formats for other child skins with same parent
(4) In order to maintain consistency, child skins cannot modify the mixins from the parent skin

A

(1) Child skins only need to customize in the parent

(2) Standard styles created in parent are easier to maintain

53
Q

You want to create a reusable font style for buttons and links. You would use a__________

(1) Control
(2) Mixin
(3) Format
(4) Overlay

A

Mixin

54
Q

Which options represent relationship between mixins, controls and formats

(1) A control specifies a format which uses a mixin
(2) A mixin specifies a control which defines a format
(3) A format uses a mixin that defines the control
(4) A control specifies a mixin which defines a format

A

(1) A control specifies a format which uses a mixin - CFM