PEGACUIS71V1 - GRATIS EXAM · The Responsive UI was introduced in Version 7.1, and has now been enhanced in two areas,

http://www.gratisexam.com/

PEGACUIS71V1.exam

Number: PEGACUIS71V1Passing Score: 800Time Limit: 120 minFile Version: 1.1


PEGACUIS71V1

Pega Certified UI Specialist (CUIS) 71V1

Version 1.1


Exam A

QUESTION 1Which of the following rule types does the Localization wizard translate? (Choose Two)


A. Field ValueB. MessageC. ParagraphD. CorrespondenceE. Formatted plain text in the cell of a section

Correct Answer: ABSection: (none)Explanation

Explanation/Reference:A: The localization process overrides text in user-visible field value rules that appear in application elements such as user forms and portal displays.

B: For the message rule type localization is needed only for Rule-Message rules presented to users, such as through the Page-Set-Messages method in an activity,or a validation rule.

Note: Use the Localization wizard to make an application available in one or more additional languages. The localization process overrides text in user-visible fieldvalue rules that appear in application elements such as user forms and portal displays.

References: https://pdn.pega.com/node/50591

QUESTION 2The localization wizard is used to create a Spanish user interface of a Pega 7 application that was originally built in English. How would Spanish operators typicallybe designated to use this new User Interface? (Choose One)

A. Based on an attribute read in from an LDAP directoryB. With a setting in their corresponding operator instanceC. Based on the Access Group they belong to


D. Based on the language settings of their browser

Correct Answer: CSection: (none)Explanation

Explanation/Reference:When the translated package is ready for import, unlock it and set it as the highest version in the import user's access group.Import the package. Test the translations using access groups that are limited to the translated package.


QUESTION 3Inline, Inline grid double, Inline grid triple are saved in the system as___________. (Choose One)

A. ControlsB. Layout typesC. FormatsD. Mixins


Explanation/Reference:The application skin provides a set of style formats for dynamic layouts. These style formats use one of two basic layout types:

Inline-grid - allows you to set the number of fields (or other items) that appear on the row of the dynamic layout.Inline - allows you to add fields (or other items) in a row that flows "inline" like the words in a sentence.

You can choose from four style formats (plus a default format), derived from the two layout types, and you can add custom formats (for example, up to 6 columns ina grid): Default, Stacked, Inline Inline grid double, Inline grid triple

References: https://pdn.pega.com/using-layouts-structure-content-sections

QUESTION 4Which of the following is NOT a recommended guideline when building a mobile application? (Choose One)

A. Use Grids instead of repeating Dynamic LayoutsB. Always set the data type on cells


C. Set widths in percent (%)D. Source controls from data pages

Correct Answer: BSection: (none)Explanation

Explanation/Reference:Incorrect Answers:A: Responsive Web design means that the application adapts the layout to the screen size and orientation. This is accomplished by using fluid, proportion-basedgrids and CSS3 media queries that allow the page to use different CSS style rules based on device characteristics.D: Data pages should always be used as a data source regardless of whether you are developing a mobile application or not.

Reference: https://www.pega.com/system/files/docs/2015/Aug/pega-mobility-whitepaper.pdf

QUESTION 5A link can be presented in three different formats: Email, phone and URL. What effect does this setting have? (Choose One)

A. It displays an icon related to the type next to the linkB. It opens the appropriate application when the link is clicked



C. The rendering of the link depends on the native capabilities of the deviceD. It formats the information displayed in the link


Explanation/Reference:

QUESTION 6Newer layouts are responsive when accessed in mobile devices, which approach should be used to implement responsiveness? (Choose One)

A. Use circumstancing to create variations of the layoutsB. Use a response breakpoint configuration in the skin rule based on pixel sizeC. Use a when rule such as IsMobile, IsTablet to control what is visually presentedD. Use a when rule to alter the size based on pixel size


Explanation/Reference:Responsive layout groups and grids

The Responsive UI was introduced in Version 7.1, and has now been enhanced in two areas, to create an entirely responsive UI.

PRPC 7.1.4 introduces the Layout Group control, which can render its contents as “tabs,” “accordions,” or as a “menu.” The rendering choice is driven throughthe presentation layout (the skin), which presents the information responsively: a “tab” at a certain breakpoint can turn into an “accordion” or a dropdown-stylemenu, depending upon what format would be most appropriate for the device/screen size being used.

The grid functionality has been enhanced, so that grids may be displayed on a tablet or a phone without the need for horizontal scrolling, offering the optimumexperience on a mobile device. A PRPC Grid Layout now supports responsive breakpoints in the skin definition in which columns can drop off or be consolidated


according to screen size.

References: https://pdn.pega.com/release-note/responsive-layout-groups-and-grids

QUESTION 7Utilizing the standard when rules pyIsMobile and pyIsTablet is common when configuring a(n) _____________ user interface. (Choose One)

A. activeB. responsiveC. adaptiveD. dynamic

Correct Answer: DSection: (none)Explanation

Explanation/Reference:References: https://pdn.pega.com/documents/pega-knowledge-management-711-user-guide

QUESTION 8There is a requirement to display red colored text for the labels of mandatory fields in section shown below. Which of the following options are valid choices toimplement this behavior? (Choose One)


A. Create a new format for the label control in the skin rule and reference it in the sectionB. Create a custom style for the skin rule and reference it in the Read-Write cell of the labelC. Configure the label cell using the inline style editorD. Embed a custom CSS in the harness rule and reference it in the Read-Write cell of the label


Explanation/Reference:There are many ways that you can use the Skin rule to modify the appearance of your application user interface.

The Skin rule is designed to enable reuse and cascading change throughout your application Skin.

References: https://pdn.pega.com/how-use-skin-rules-modify-appearance-your-application

QUESTION 9You want to ensure that the martial status property is set to one of three values: Married, Single, or Divorced. Which method should you use to accomplish this?(Choose One)

A. Add them in table values on the property definitionB. Create a new validate rule to test on those values using if conditionsC. Reference a new Edit Input rule on the property definitionD. Use an Edit Validate on the property definition to validate against these values


Explanation/Reference:Object validation uses the Obj-Validate method to call a validation rule (Rule-Obj-Validate rule type) to test a set of property values. Object validation is optional andoccurs only when explicitly designed into your application.


QUESTION 10________________ can be used for restricting the length of a text field. (Choose One)



A. Edit validate, a setting on the property rule form, or pxTextInput control ruleB. pxTextInput Control ruleC. Edit validate ruleD. A setting on the Property rule form

Correct Answer: ASection: (none)Explanation

Explanation/Reference:Validate rules (Rule-Obj-Validate rule type) help a user enter valid property values into an HTML form or to validate data received from another source. A validaterule can test input values against edits defined in edit validate rules for properties. When a property value does not pass the tests, Process Commander adds oneor more messages to the clipboard page containing these values, marking the page as invalid.

A cell in a layout can present the value of a property, as display-only or as an input field. Follow these instructions to control the presentation of a property value ina Text Input control.

The Text Input control uses the auto-generated control rule pxTextInput. Its look and behavior are governed by the rule form's Control tab.

References: https://pdn.pega.com/creating-and-using-validate-rulehttp://cognizant-437.pegacloud.com/prhelp/rule-/rule-html-/common/commonlayoutpxtextinputsp2.htmhttps://pdn.pega.com/introduction-properties

QUESTION 11You want to restrict the quantity field to accept only numeric characters. What is the best validation mechanism that you can choose in this scenario? (Choose One)

A. Use Integer as the Property TypeB. Invoke a validate rule in the flow actionC. Use an Edit validate ruleD. Use pxNumber as the control

Correct Answer: A


Section: (none)Explanation


QUESTION 12Where would you configure the error message shown in the screenshot? (Choose One)

A. Using the skin rule to configure the error iconB. By adding a custom section to show the error messageC. Configure the display field level error field in perform harnessD. In the workform section


Explanation/Reference:The Display Options tab on the harness rule form allows you to change the way your application displays form-level error and field-level error messages.

References: https://pdn.pega.com/how-customize-presentation-errors-work-object-forms


QUESTION 13You have a requirement that the system must convert text entered by a user to all UPPERCASE before it is saved. Which method should you use to accomplishthis? (Choose One)

A. Invoke a data transform which invokes a function to change the text to UPPERCASE when the value changesB. Use a validate rule on the field to enforce users to enter the text in UPPERCASEC. Create an action set which invokes a function to change to the text to UPPERCASE when the value changesD. Use an Edit Input rule on the field so that the text (value) is transformed to UPPERCASE on save


Explanation/Reference:An edit input rule can convert all characters to lower or uppercase, delete certain characters, or truncate the input to a maximum length.

Note: When users submit an HTML form, data is transmitted to the Web server in normal HTTP format and is then stored by Process Commander on a user'sclipboard, using the property name from the HTML form.Text box exampleFor example, the source HTML for a text box can look like:<INPUT TYPE=TEXT NAME=myPage.myPropertyName SIZE=30 >In this example, a user views a text box, enters data into it, and clicks a submit button. This action conveys the data that this user entered to myPage in theclipboard. The value the user entered becomes associated with myPropertyName.To cause the system to convert user-entered data to data that the system can interpret, reference an edit input rule in the property rule. When a user submits theform, the system converts the data value associated with that property as instructed by the Java in the edit input rule. The system places only the converted value ona user's clipboard.For example, an edit input rule can convert all characters to lower or uppercase, delete certain characters, or truncate the input to a maximum length.

References: http://cognizant-437.pegacloud.com/prhelp/rule-/rule-edit-/rule-edit-input/related.htm

QUESTION 14Which of the following is a declarative rule, that is automatically referenced by the system? (Choose One)

A. Edit InputB. Edit ValidateC. ConstraintsD. Validate rule

Correct Answer: C


Section: (none)Explanation

Explanation/Reference:Declarative rulesFour types of declarative rules belong to the Decision category.

Constraints — Constraints rules provide data validation for properties after they are already inside your application. Any time the specified property changes, theconstraints rule checks to confirm that the value still falls within the expected range.Declare Expression Declare OnChange Declare Trigger

References: https://pdn.pega.com/declaratives-decisions-and-validation-overview/declaratives-decisions-and-validation-overview

QUESTION 15The screenshot shows an example of a tree grid. Of the choices below, which configuration would result in setting a different background color on the active rows?(Choose One)

A. Create two rows in the grid layout (one for active and one for inactive) and then use visibility conditions to present the rows at runtimeB. Create two mixins (one for active and one for inactive) and then reference the rows in the grid layout


C. Create an inline style on the row to use a condition that fires client sideD. Modify the active and inactive rows for the format used on the grids in the skin rule


Explanation/Reference:A mixin is a reusable style pattern that you define in the skin. Mixins enable you to create incremental styling changes which provide a natural cascading of styles.Mixins can define a reusable text, border, or background style — or any combination of text, border, and background styles.

Using mixins helps ensure consistency across your user interface, maximize re-use, and minimize future maintenance

Incorrect Answers:A: We do not want to hide rows.C: As a best practice you should not use inline styles at all. Pega 7 provides flexible tools for styling and branding that simplify creating and maintaining yourapplication's look.


QUESTION 16The skin used when rendering an application can be referenced in all of the following records, EXCEPT: (Choose One)


A. Access groupB. PortalC. Operator PreferencesD. Application




The Pega 7 Platform default skin selection behavior is as follows:Use the skin that is set in the operator preferences.Use the skin that is set on the portal record.The portal is specified in the operator Access Group.This skin can be either a Designer Studio skin or an end-user portal skin.Use the application skin.

References: https://pdn.pega.com/associating-skin-user-interface

QUESTION 17In a purchase order application, the product selection form should provide the list of all products from which a user should select. The field should display theproduct name, however on selection, the system should store the Product ID as its value.

Of the following UI control, which is best suited for this functionality? (Choose One)

A. PromptSelect controlB. Dropdown controlC. DynamicSelect controlD. AutoComplete control



QUESTION 18The submit button appearing on the user form has to be changed to display a different label such as “Proceed to Next Step”. What is the best way to accomplishthis? (Choose One)

A. Add a button in a section rule, name the button as “Proceed to Next Step” and include that section in the connector flow action rule that is connected to thatassignment shape

B. Modify the skin rule to rename the button in the button area elementC. Rename the label of the submit button in the flow action ruleD. Add a button in the harness rule with “Proceed to Next Step” as its label




QUESTION 19Given these mockups, how would you design them? (Choose one.)


A. Use grids for both; for the first use expand mode to reference a flow action to display the order information and for the second use show details option to showthe details in a flow action.

B. Use grids for both; for the first use the expand mode to reference a flow action and for the second use embed mode to reference a flow action to present thedetails in a flow action.

C. Use a grid for the second one; Use repeating dynamic layout for the first one since a grid cannot embed another grid.D. Use repeating dynamic layouts for both since they have additional information for each row of a grid which is not possible in a grid.


Explanation/Reference:Using PRPC 6.3 [or later], you can display the details of one or more grid rows in an expanded pane. You can configure the expanded pane to display when anevent occurs on a row or when the user interacts with an actionable control, such as an icon or link, placed anywhere in the row.

References: https://pdn.pega.com/how-display-row-details-expanded-panes-repeating-grid

QUESTION 20Data pages that return a list of results can be presented either in a repeating dynamic layout or as a grid. Of the following scenarios, which one requires you to use agrid? (Choose One)


A. When the data page gets results from a report definition because the results are easier to present in a tabular format.B. When the data page refreshes on each interaction since repeating grids are quicker to load.C. When the data page results should be presented in a tabular format.D. When the data page allows editing of the line items.


Explanation/Reference:A Grid layout allows users to view (and possibly edit) values of a Page List or Value List property or a Report Definition in a spreadsheet format, as an improvedalternative to the Row Repeat control when large amounts of data need to be displayed.

Note: The repeating dynamic layout is useful when you want to present content that is in nonlinear format. It automatically adjusts the layout elements with respectto the screen size. This layout helps developers when creating an interface for displaying data that can be viewed on a tablet, monitor, or smartphone.

References: http://cognizant-437.pegacloud.com/prhelp/definitions/g/gridlayout.htm

QUESTION 21Local List and Prompt List are examples of the ______________. (Choose One)


A. Table type values that can be used to limit the valid values of a property.B. Types of database tables that can be used in a Pega 7 application.C. HTML controls that can be used to generate an HTML select/dropdown input.D. Types of Page Lists.




QUESTION 22In the property reference ‘pyWorkPage.Customer(l).Name’, ‘Customer’ is __________. (Choose One)

A. a data pageB. a top level pageC. a PageListD. an embedded page


Explanation/Reference:pyWorkPage is considered the primary page of an activity.

QUESTION 23Of the following scenarios, which one represents a good use case for using a Radio Button control over a dropdown control? (Choose One)

A. When the list of choices are a handful, say less than 5.B. When the list of values are static and defined in the property rule form as a local list.C. Whenever you need to preset a default value.D. Whenever the field is required and selection is required.


Explanation/Reference:Radio button lists are used when the user needs to select a single option out of a list of options.

A dropdown list allows the user to select a single option out of a large number of items.

References: https://developer.appway.com/screen/ShowSingleRecipe/selectedRecipeId/1414854828688

QUESTION 24Contextual help provides additional details for users to complete forms, and there are multiple ways to complete them.

In which of the following scenarios is Smart Info preferred over Smart tips? (Choose One)

A. When you need to display an image of a form with all fields completed.


B. When you need to provide an indicator of the values that can be entered on the control as a placeholder.C. When you need to provide tips on individual fields.D. When you need to present longer text with a section header.



QUESTION 25The Purchase order request form should allow the user to select multiple items from a list of items. The item list is retrieved from the inventory database whichchanges very frequently. Which of the following options would you consider using to display the list? (Choose One)


A. A custom control to allow multiple selectionB. A repeating gridC. A Dropdown controlD. A List-to-List Control which is responsive


Explanation/Reference:Use a list-to-list field to allow a user to make multiple selections from a drop-down list. For example, a meeting may involve a dozen people from a department thathas 100 employees.

Note: You can also use MultiSelectList OOTB (out of the box) control to select multiple values, and then populate the values of the second list based on the selectedvalues from clipboard.

References:


http://cognizant-437.pegacloud.com/prhelp/rule-/rule-html-/common/commonlayoutlistotlist.htmhttps://pdn.pega.com/support-articles/how-create-multi-select-dependent-control-search-fn

QUESTION 26Which of the following is not a valid paging option on grids? (Choose One)

A. Progressive LoadB. Rows 1-YC. First X ResultsD. Defer Load


Explanation/Reference:The Pega 7 Platform supports a variety of paging styles:

Page 1 of XRows 1 - YPage 1, 2, 3...First X ResultsProgressive. Progressive paging — progressively loading rows of data in grids — provides users with a superior experience when compared with traditional paging.

References: https://pdn.pega.com/presenting-grid-results

QUESTION 27Which of the following requirements suggests using a custom dashboard widget? (Choose One)

A. To display the results of a report definition in a chart.B. To display a form to present the list of all cases waiting for user action.C. To display the weather gadget that can accept parameters to present the weather for current location or for a selected location using parameter.D. To display a gadget that accepts parameters to display the map based on the home location of the user.


Explanation/Reference:Note: A Dashboard can have one or more instances of the following kinds of widgets:


Metric — displays a simple numeric representation of a single selected metric.Timeline — displays a graph of the selected metric over time. You can compare this to a secondary metric.Geomap — displays a map of the selected region, with the specified metric plotted on the map. Hover over the map to see the actual metric values.Table — displays up to 2 metrics describing the selected dimension, laid out in tabular format.Pie — displays a pie chart of the selected metric grouped by a dimension. Mouse over a slice to see the specific metric values.Bar — displays a bar chart of the selected metric grouped by up to 2 dimensions. Mouse over a slice to see the specific metric values.

References: https://support.google.com/analytics/answer/1068218?hl=en

QUESTION 28Which of the following requirements suggests using a custom CSS and includes it in the skin rule? (Choose One)

A. Creating a custom jQuery Control to display a slider.B. Displaying a form where you want a single field to merge across multiple cells.C. Setting the absolute width on the text to display it on top of another control such as an image.D. Customize the maker icon used to display the locations found on a map control.


Explanation/Reference:CSS stands for Cascading Style Sheets. CSS describes how HTML elements are to be displayed on screen, paper, or in other media.

References: http://www.w3schools.com/css/css_intro.asp

QUESTION 29Which of the following rules is used for rendering the workspace of an end user? (Choose One)

A. PortalB. Flow ActionC. NavigationD. Local Action


Explanation/Reference:Use portal rules to create a custom portal layout for a group of users. For traditional ('fixed') portals you can determine the gadgets, workspaces and workspace


labels.

References: http://cognizant-437.pegacloud.com/prhelp/rule-/rule-portal/main.htm

QUESTION 30Given this mockup screen, what is the best way to render this output? (Choose One)

A. Align the Address, City and Postal Code fields in a dynamic layout and then embed them inside the dynamic layout below the full name fieldB. Create a section to display the address, city and postal code in one line and then embed the section in a dynamic layoutC. Set the width of the full name field to 100%D. Use an Inline grid triple layout and then configure the width of the full name field to span across three columns


Explanation/Reference:Dynamic layouts allow nesting, and this is a very powerful feature in structuring your sections. The reason for this is that a section with multiple fields typicallydemands organization into groups that are intuitive to the end-user.

Nesting permits you to add a dynamic layout inside another dynamic layout. In the example below, a default dynamic layout contains three nested inline-grid layouts,which group fields with different kinds of information (such as First Name and Last Name in the third one). As the layout changes responsively according to screenwidth—from desktop to tablet to smart phone—the nested layout preserves the logical grouping of fields as the layout shrinks and then stacks to accommodate thespace.


References: https://pdn.pega.com/using-layouts-structure-content-sections


Documents

PEGACUIS71V1 - GRATIS EXAM · The Responsive UI was introduced in Version 7.1, and has now been enhanced in two areas,