SNOW-CAD Designing interfaces and user experiences Practice Test 2 — 15 Questions

Question 1

Which method is recommended for applying custom CSS to a Service Portal page?

Accepted Answer

Use the CSS Variable Editor in UI Builder. The CSS Variable Editor (or Theme and Branding) is the standard way to customize CSS in Service Portal. Customizing Bootstrap directly is not recommended.

Answer

Modify the Bootstrap CSS file directly

Answer

Add inline styles in the page template

Answer

Override CSS in each widget's instance options

Question 2

A developer writes a widget client controller that uses spUtil.get to fetch data from the server. The data is correctly returned, but the widget does not update the UI. What is the most likely cause?

Accepted Answer

The callback does not assign the result to a $scope variable. spUtil.get returns a promise, and the success callback should assign to $scope to trigger digest cycle. If the callback does not update a $scope property, the view will not update.

Answer

The widget's HTML template does not reference the correct variable name

Answer

The server script did not set data correctly

Answer

The spUtil.get method is deprecated

Question 3

A Service Portal widget uses an AngularJS controller that directly modifies the DOM using jQuery inside the controller. After a platform upgrade, the widget stops working properly. What is the most likely reason?

Accepted Answer

Direct DOM manipulation conflicts with AngularJS digest cycles. Service Portal's AngularJS-based architecture is moving away from direct DOM manipulation. The correct approach is to use AngularJS data binding. The upgrade may have changed the order of digest cycles, causing inconsistencies.

Answer

jQuery is no longer allowed

Answer

The widget's controller syntax changed

Answer

AngularJS was completely removed from the platform

Question 4

What is the primary purpose of the 'Theme and Branding' module in Service Portal?

Accepted Answer

To define global visual styles like colors and fonts. The Theme and Branding module allows administrators to define global styles such as colors, fonts, and logos that apply across all portal pages.

Answer

To create custom widgets

Answer

To manage portal page layouts

Answer

To configure portal security settings

Question 5

A developer wants to create a responsive portal page that displays data in a two-column layout on desktop and a single column on mobile. Which approach should be used?

Accepted Answer

Use the Bootstrap grid with col-lg-6 and col-md-12 classes. Bootstrap's grid system with col-lg-6 and col-md-12 classes provides a responsive two-column to single-column transition. Column widgets are not for responsive layout.

Answer

Use a single-column layout with media queries

Answer

Use the Column widget in UI Builder

Answer

Use fixed-width tables

Question 6

A widget's server script retrieves data from the 'incident' table using GlideRecord. A user with 'itil' role can see some incidents in the backend but the widget shows no data. What could be the reason?

Accepted Answer

The portal page has a visibility condition that excludes the user. Widget server scripts respect ACLs. If the widget is assigned to a portal that does not have the correct user criteria, or if the user's portal roles differ from backend roles, the data may not be visible.

Answer

The GlideRecord query does not include the user's assignment group filter

Answer

The widget is using client-side REST API instead of server-side

Answer

The widget's server script is not returning data because of a syntax error

Question 7

Which TWO accessibility considerations are essential when designing for Service Portal? (Choose two.)

Accepted Answer

Proper heading structure. Proper heading structure and keyboard navigation are essential for accessibility. Color alone should not convey information, and auto-play videos can be a barrier. Complex data tables can be made accessible but require proper markup.

Answer

Use of color alone for important information

Answer

Complex data tables without headers

Answer

Auto-play videos

Question 8

Which THREE best practices should be followed when designing a custom widget in Service Portal? (Choose three.)

Accepted Answer

Implement client-side validation. Implementing client-side validation improves user experience. Using spUtil for server calls ensures proper integration. Avoiding hard-coded strings supports internationalization. Global variables are discouraged, and synchronous AJAX calls block the UI.

Answer

Use synchronous AJAX calls

Answer

Use global variables to share data between widgets

Question 9

Which TWO approaches are valid for applying custom theming to Service Portal? (Choose two.)

Accepted Answer

Applying a custom LESS file via Theme and Branding. Modifying Bootstrap CSS directly is not upgrade-safe. Overwriting widget CSS via instance options is not a global theming approach. The correct methods are using the Theme and Branding module and applying custom LESS files.

Answer

Overwriting widget CSS via widget instance options

Answer

Modifying the Bootstrap CSS directly

Answer

Using the CSS Variable Editor in UI Builder

Question 10

Refer to the exhibit. The developer expects a list of incidents in the widget, but the page renders with an error. What is the most likely cause?

Accepted Answer

getRow() is not a valid method on GlideRecord. The error occurs because getRow() is not a valid method on GlideRecord. The correct method to access field values from a GlideRecord object is getValue(). Option A is not the most likely cause because server scripts do not require an explicit return statement; the data structure is implicitly returned. Option C is a logic issue, not a syntax error. Option D is incorrect because the data.items array is correctly initialized with new Array() or [] and then pushed in the loop.

Answer

The server script is missing a return statement

Answer

The query does not filter for active incidents

Answer

The data.items array is not initialized correctly

Question 11

Refer to the exhibit. A developer creates this UI Builder component but the header does not display the custom title. What is the most likely cause?

Accepted Answer

The section id is missing from the template. The header fails to display the custom title because the template lacks the section ID that binds the field to the UI. In UI Builder, a component's template must include the section and field IDs to render dynamic content. Without the section ID, the field cannot be displayed, causing the title to be missing. Option D correctly identifies this. Options A, B, and C are incorrect: A is wrong because default values apply when no state is set, not the reverse; B is irrelevant as empty conditions do not cause this issue; C would prevent the entire component from rendering, not just the header.

Answer

The field default is not applied unless the state is set

Answer

The states array is empty of conditions

Answer

The component name is not correctly registered

Question 12

Refer to the exhibit. What security risk is present in this implementation?

Accepted Answer

The data is not subject to the same ACLs as server-side calls. Using client-side $http calls bypasses the server-side ACL evaluation that occurs when using spUtil or server scripts. Client-side REST API calls still respect ACLs based on the user's session, but they may expose sensitive data that goes through different security checks. However, a more critical risk is that the endpoint might be susceptible to CSRF if not protected. In the context of Service Portal, the recommended approach is to use spUtil.get or a server script to ensure proper data access control. Option D highlights the risk of inconsistent ACL enforcement.

Answer

The request exposes internal API credentials

Answer

The endpoint does not require authentication

Answer

The client exposes the widget to XSS attacks

Question 13

A company needs to allow employees to request a new laptop through a catalog item. The form should only show a 'Configuration' section if the user selects 'Yes' for 'Custom Configuration?'. Which design approach best accomplishes this?

Accepted Answer

Use a UI Policy to show/hide the section based on the field value.. UI Policies are declarative and maintainable for showing/hiding variables based on conditions, unlike client scripts which can be brittle.

Answer

Use a client script to hide the section when the field changes.

Answer

Use an ACL to restrict access to the section.

Answer

Use a catalog client script to set the visibility.

Question 14

A flow designer wants to send an email notification with a custom logo. They need to ensure the email template references the correct image. What is the best practice?

Accepted Answer

Attach the image to the sys_attachment table and use the sys_id in the template.. Attaching the image to a sys_attachment and using the sys_id reference ensures it persists across upgrades and is the recommended approach.

Answer

Reference the image from an external CDN using a URL.

Answer

Upload the image directly into the email template using base64 encoding.

Answer

Store the image in the 'images' table and use the image name.

Question 15

A dashboard with multiple indicators is loading slowly. The dashboard contains live data from several tables with complex conditions. Which optimization should be applied first?

Accepted Answer

Convert indicators to use aggregated data sources instead of live queries.. Using aggregate indicators reduces the number of live queries by pre-calculating data, which is the most effective optimization for dashboard performance.

Answer

Use client-side scripts to load data asynchronously.

Answer

Reduce the number of indicators to one.

Answer

Increase the cache timeout for all indicators.