SNOW-CAD Designing interfaces and user experiences — Timed 30 Questions

Question 1

A ServiceNow developer is designing a portal for end users to submit requests. The requirements state that users should be able to track the status of their requests and receive notifications when the status changes. Which combination of ServiceNow features best meets these requirements?

Accepted Answer

Service Portal and Notifications. Service Portal provides the user interface for request submission and tracking, while Notifications (via the Notification and Event Management framework) automatically send email or in-app alerts when a record's status changes. This combination directly fulfills both the tracking and notification requirements without adding unnecessary complexity.

Answer

Service Portal and Access Controls (ACLs)

Answer

Service Portal and Catalog Client Scripts

Answer

Service Portal and UI Policies

Question 2

A developer is troubleshooting a Service Portal widget that loads slowly. The widget uses a server script that queries a large table without any filters. Which design change would most improve performance?

Accepted Answer

Add a filter condition in the GlideRecord query. Option D is correct because adding a filter condition to the GlideRecord query reduces the dataset retrieved from the database, minimizing network transfer and server-side processing time. Without filters, the query returns all rows from a large table, causing excessive load on the instance and slow widget rendering. Filtering at the database level is the most efficient way to improve performance in Service Portal widgets.

Answer

Add client-side caching using $scope

Answer

Load the widget using ng-if instead of ng-show

Answer

Create a custom table with only required fields

Question 3

A developer needs to create a field on the Incident form that shows a red background when the priority is 'Critical'. Which feature should be used?

Accepted Answer

UI Policy. UI Policy is the correct choice because it allows you to set a field's background color conditionally on the client side without a round trip to the server. In this case, you can create a UI Policy that triggers when the Priority field equals 'Critical' and use the 'Style' property to apply a red background to the Incident form field. This approach is efficient and directly meets the requirement for a visual indicator based on a field value.

Answer

Business Rule

Answer

Access Control (ACL)

Answer

Client Script

Question 4

A Service Portal widget displays a list of catalog items. Each catalog item should link to a record producer that opens in a modal dialog. Which approach should the developer use to open the modal?

Accepted Answer

Use $uibModal.open to create a modal with a custom template. Option C is correct because Service Portal widgets use AngularJS, and the standard way to open a modal with a custom template (such as a record producer form) is via `$uibModal.open`. This method allows the developer to specify a controller, template, and resolve data, giving full control over the modal's behavior and content. Record producers are typically rendered inside a custom template, not directly via a sys_id parameter.

Answer

Use $scope.$broadcast to trigger a modal event

Answer

Use spModal.open with the record producer sys_id

Answer

Use window.open to open the record producer URL

Question 5

A developer is designing a custom application with a table that stores sensitive employee data. The requirement is that only managers can view records where they are the manager of the employee. Which two configurations are needed to implement this requirement?

Accepted Answer

Use a UI Policy to set fields to read-only or invisible for non-managers. Option A is correct because UI Policies can be configured to set fields as read-only or invisible based on conditions, such as the user's role or relationship to the record. This allows non-managers to see the record but prevents them from viewing sensitive fields, aligning with the requirement to restrict visibility at the field level.

Answer

Create a new view that excludes sensitive fields

Answer

Create a Business Rule that deletes records if the user is not the manager

Answer

Use a Client Script to hide fields if the user is not the manager

Question 6

Which three elements are required to create a Service Portal widget that displays data from a table?

Accepted Answer

An HTML template. An HTML template is required because it defines the structure and layout of the widget's user interface. In Service Portal, the HTML template uses AngularJS directives to bind data from the server script and client controller, enabling dynamic rendering of table records.

Answer

A widget dependency

Answer

A CSS stylesheet

Question 7

A developer created a UI Script and a Client Script as shown. Both scripts set urgency and impact to '1' when priority is '1'. However, when the priority is changed to '1' on an existing record, the urgency and impact fields do not update. What is the most likely cause?

Accepted Answer

The UI Script is not being called because it is not associated with any form or event. A UI Script is a reusable client-side script that must be explicitly called from a Client Script, UI Policy, or form event to execute. In this scenario, the UI Script is not associated with any form or event, so it never runs when the priority field changes. The Client Script alone cannot invoke the UI Script without a direct call, leaving the urgency and impact fields unupdated.

Answer

The priority field is not a choice field, so onChange does not fire

Answer

The Client Script function name is incorrect; it should be 'onChangePriority'

Answer

The g_form API is deprecated and no longer works

Question 8

A large enterprise is implementing a Service Portal for employees to request IT equipment. The portal must be accessible globally, with users in Europe, Asia, and the Americas. The development team has created a custom widget that displays the user's local time based on their location. The widget uses a server script that calls a third-party geolocation API to determine the user's timezone based on their IP address. However, during peak hours, the widget takes over 10 seconds to load, causing poor user experience. The team also notices that the same timezone is fetched repeatedly for the same user across different sessions. The portal uses a CDN for static assets. Which approach should the developer take to reduce the load time while maintaining accuracy?

Accepted Answer

Cache the timezone result in a user preference or session storage after the first request. Option D is correct because caching the timezone result in a user preference or session storage eliminates redundant API calls for the same user across sessions. This directly reduces load time by avoiding the 10-second geolocation API call on subsequent requests, while maintaining accuracy since the user's IP-based timezone is unlikely to change frequently. In ServiceNow, storing this data in a user preference (e.g., `sys_user_preference`) or session storage ensures persistence without repeated server-side processing.

Answer

Implement asynchronous loading of the widget so the page loads without waiting for the timezone

Answer

Use client-side JavaScript to detect the timezone from the browser's Intl API instead of server-side API call

Answer

Move the geolocation API call to a business rule that runs once per user

Question 9

A ServiceNow administrator is designing a new catalog item for hardware requests. The item should allow users to select a cost center from a list of available options, but only those cost centers the user is authorized to use. Which TWO approaches should the administrator use to implement this requirement?

Accepted Answer

Create a reference field on the Cost Center table and apply a reference qualifier that filters based on the user's authorization.. Option C is correct because a reference field on the Cost Center table with a reference qualifier can dynamically filter the available cost centers based on the current user's authorization, using a condition like 'authorized_usersLIKEjavascript:gs.getUserID()'. This approach leverages native platform capabilities without requiring client-side scripts or custom population logic, ensuring security and maintainability.

Answer

Define a variable with a reference qualifier using a local variable that is populated by a catalog client script.

Answer

Use a 'Select Box' variable type and populate it via a script that queries the cost center table filtering by user.

Answer

Use a 'Lookup Select Box' variable type and set the option list to a script that returns authorized cost centers.

Question 10

A large enterprise is deploying ServiceNow for IT Service Management. The UX team has designed a new portal for end users to request services. The portal should have a modern, responsive design with custom branding. The development team decides to use Service Portal with AngularJS widgets. After initial deployment, the portal loads slowly and some widgets display a blank page. Analysis shows that the widget server scripts are making multiple synchronous GlideRecord queries to the same table, and the client scripts are not handling asynchronous data loading properly. The team needs to optimize the portal performance and fix the blank page issue. Which course of action should the team take?

Accepted Answer

Refactor the server scripts to use GlideAggregate for aggregated queries, and ensure the client controller uses $scope.$on to wait for data before rendering.. Option D is correct because the performance issue stems from multiple synchronous GlideRecord queries in server scripts, which block the widget rendering. Refactoring to GlideAggregate reduces database round-trips by performing aggregated queries, and using $scope.$on in the AngularJS client controller ensures the view waits for asynchronous data before rendering, fixing the blank page issue.

Answer

Convert all widgets to use Jelly templates instead of AngularJS to reduce client-side complexity.

Answer

Replace the Service Portal with a custom UI Page and UI Macro based portal for better performance.

Answer

Enable server-side caching for the widget server scripts and increase the cache size.

Question 11

Drag and drop the steps to create a new Update Set in ServiceNow into the correct order.

Question 12

Match each ServiceNow notification type to its trigger.

Question 13

A company wants to display a list of open incidents on a Service Portal page. Which component should be used?

Accepted Answer

Data Table Widget. The Data Table Widget is the standard component for displaying lists of records in Service Portal. Option B is wrong because List View Widget is used in the backend UI, not on portals. Option C is for analytics. Option D is for displaying maps.

Answer

Map widget

Answer

Performance Analytics widget

Answer

List View Widget

Question 14

When designing a custom portal page, the developer notices that the page layout breaks on mobile devices. What is the most efficient approach to ensure responsiveness?

Accepted Answer

Implement Bootstrap grid classes. Service Portal uses Bootstrap for responsive design. Implementing Bootstrap grid classes is the standard and efficient method. Option A is not responsive. Option C is more work and less efficient. Option D would work but does not leverage the built-in framework.

Answer

Add a media query for each device

Answer

Use fixed pixel widths

Answer

Use a single-column layout

Question 15

A company wants to create a custom homepage for their service portal that displays three different data sources in a single view. The design must ensure that if one data source fails to load, the other two continue to function. Which implementation approach aligns best with this requirement?

Accepted Answer

Use three separate widgets each fetching their own data. Using three separate widgets isolates failures. Options A, C, and D can cause cascading failures. Option B ensures independence.

Answer

Use a parent widget that calls three child widgets

Answer

Use a widget that loads data in parallel with error handling

Answer

Use a single widget that fetches all data sequentially

Question 16

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 17

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 18

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 19

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 20

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