SNOW-CAD User Interface Development Practice Test 3 — 15 Questions

Question 1

A developer is designing a custom form in the standard UI (UI16) and needs to add a message that displays only when the 'state' field is 'Closed'. Which feature should be used to achieve this without custom scripting?

Choose an answer to begin — your selection is scored in the full session.

Accepted Answer

Create a UI Policy that adds a message when the condition state=Closed is true.. UI Policies are the correct declarative feature in UI16 to show a message based on a field value without custom scripting. They run on the client side and can display informational, warning, or error messages when a specified condition (like state=Closed) is met, making option A the appropriate choice.

Answer

Create a form section and set its condition via the 'Conditional' property.

Answer

Write a Client Script that shows a message when state changes to Closed.

Answer

Use a UI Macro with a condition that checks the state field.

Question 2

A Service Portal widget is not updating data on the page after the user clicks a button that calls a server-side function. The client controller uses $scope.server.get() to call the server. The server script updates a global variable in glideRecord and returns it. However, the widget view does not reflect the change. What is the most likely issue?

Accepted Answer

The client controller is not handling the promise returned by $scope.server.get(); the scope update should be inside the success callback.. `$scope.server.get()` returns a promise, and the scope variables must be updated inside the `.then()` success callback to ensure the changes are applied after the asynchronous server response is received. Without handling the promise, the client controller executes the next line immediately, and the scope update happens before the server data is available, so the widget view never reflects the change.

Answer

The widget template is not bound to the correct scope variable.

Answer

The client controller should use $scope.server.update() instead of $scope.server.get().

Answer

The server script is not allowed to modify data from a widget server script.

Question 3

Which THREE of the following are correct statements about Service Portal client controllers?

Accepted Answer

They can use AngularJS services like $http and $timeout.. Option E is correct because Service Portal client controllers are indeed AngularJS controllers that execute in the browser to handle client-side logic for widgets. Option A is correct because these controllers run in the AngularJS environment and can inject and use built-in AngularJS services such as $http for AJAX calls and $timeout for deferred execution. Option D is correct because Service Portal provides a custom $scope.server object with get() and post() methods that client controllers use to invoke server-side scripts defined in the widget's server script. Option B is wrong because client controllers run on the client (browser), not the server, and are not invoked via server-side includes. Option C is wrong because the $scope variable is automatically provided by the framework to the controller function; it does not need to be explicitly defined by the developer.

Answer

They run on the server and are called via server-side includes.

Answer

They must define a $scope variable explicitly to bind data to the template.

Question 4

A developer runs this widget server script and expects data.count to be the number of active incidents. However, the widget displays 'undefined' for data.count. What is the most likely cause?

Accepted Answer

The script is missing the function parameters (options, data) that provide the data object.. In ServiceNow widget server scripts, the function signature must include the parameters (options, data) to access the data object that is passed to the client script. Without these parameters, the data variable is undefined, causing data.count to display 'undefined'. The script likely defines the function without parameters or with incorrect ones, so the data object is not available.

Answer

The addQuery method syntax is incorrect; it should use a condition string.

Answer

The while loop uses next(); it should use hasNext() instead.

Answer

GlideRecord requires an initialize() call before query.

Question 5

A developer needs to add a custom button to the incident form that executes a script when clicked. Which mechanism should be used?

Accepted Answer

Create a UI Action.. The correct answer is C, Create a UI Action. A UI Action is the ServiceNow mechanism specifically designed to add buttons, links, or context menu items to a form, and it can be configured with a client-side script that runs when the button is clicked. This directly satisfies the requirement of a custom button on the incident form that executes a script. Option A is incorrect because client scripts cannot add buttons to a form; they only run on form events like onLoad, onChange, or onSubmit. Option B is incorrect because form layout controls field placement, not button widgets. Option D is incorrect because a UI Policy dynamically changes field behavior (mandatory, read-only, visible) and does not create buttons.

Answer

Write a client script that adds a button dynamically.

Answer

Modify the form layout to include a button widget.

Answer

Configure a UI Policy.

Question 6

A Service Portal widget uses AngularJS. The developer needs to share data between the client script and the HTML template. What is the correct approach?

Accepted Answer

Use the 'c' object (c.data) provided by the widget framework.. In ServiceNow portal widgets, the 'c' object serves as the client-side controller context, and data stored in c.data is accessible in both the client script and the HTML template. This is the recommended approach for sharing data within a widget. Option A is wrong because $rootScope makes data global and can lead to unintended side effects. Option B is wrong because $scope is not directly used in the widget framework; instead, the 'c' object provides the scoped context. Option D is wrong because AngularJS factories are meant for reusable services, not for widget-specific data binding.

Answer

Use $rootScope to make data globally available.

Answer

Use $scope to store data in the client controller.

Answer

Create a custom AngularJS factory to manage data.

Question 7

Which record type should be used to customize the look and feel of the UI16 interface?

Accepted Answer

UI Theme (sys_ui_theme). The UI Theme (sys_ui_theme) record is specifically designed to customize the look and feel of the UI16 interface in ServiceNow. It allows administrators to define CSS variables, color schemes, and other visual properties that apply globally to the UI16 interface. This record type is the standard way to apply branding and styling changes without modifying core code.

Answer

UI Script (sys_ui_script)

Answer

Portal Theme (sp_theme)

Answer

Branding (sys_brand)

Question 8

A business rule updates a field on the incident table after submission. However, the updated value is not displayed on the form when the record is opened again. What is the most likely cause?

Accepted Answer

A client script (onLoad) is setting the field back to its original value.. A client script (onLoad) that sets the field back to its original value is the most likely cause because onLoad scripts execute when the form loads, and if the script explicitly sets the field to a previous value, it will override the business rule's update. This is a common conflict between server-side business rules and client-side scripts.

Answer

The form is not refreshing after submission.

Answer

The business rule is set to run asynchronously.

Answer

A UI Policy is hiding the field.

Question 9

A UI Macro that displays a custom header is not appearing on the form. The macro is referenced in a UI16 theme. What is the first troubleshooting step?

Accepted Answer

Examine the UI Macro record for syntax errors in the HTML or Jelly script.. The first troubleshooting step is to examine the UI Macro record for syntax errors in the HTML or Jelly script, because a syntax error will prevent the macro from rendering entirely. This is the most direct way to identify why the macro is not appearing, as it checks the macro's definition before investigating integration points.

Answer

Check the browser's HTML source for the macro's placeholder.

Answer

Ensure the UI Macro is in the global scope.

Answer

Verify that all referenced UI Scripts are loaded.

Question 10

Which TWO of the following are valid ways to create a UI Action?

Accepted Answer

Duplicate an existing UI Action from the list view.. Option A is correct because ServiceNow allows you to open the UI Actions list, select an existing UI Action record, and use the Insert and Stay or Copy feature to duplicate it, then modify the copy's name, table, action type, and script — a valid and common way to create a new UI Action. Option B is correct because navigating to System UI > UI Actions (the UI Actions module) and clicking New creates a fresh UI Action record directly, which is the standard creation path. Option C is wrong because a Script Include is a server-side reusable script class, not a UI Action; it can be called from a UI Action but cannot itself be configured as one. Option D is wrong because Form Design (Form Designer) is used to lay out fields and form elements, not to create UI Action records. Option E is wrong because the Business Rules module creates business rules, which run on database operations, not UI Actions.

Answer

Write a Script Include and configure it as a UI Action.

Answer

Create a UI Action from the Form Design interface.

Answer

Create a UI Action from the Business Rules module.

Question 11

Which THREE factors can negatively impact the performance of a ServiceNow form?

Accepted Answer

Large client script files (e.g., 100KB+).. Option A is correct because large client script files (e.g., 100KB+) must be downloaded and parsed by the browser on every form load, increasing page weight and JavaScript execution time, which directly degrades form rendering and responsiveness. Option B is correct because synchronous Ajax calls block the browser's main thread until the server responds, freezing the UI and preventing other scripts or user interactions from proceeding, which severely harms form performance. Option C is correct because each UI Policy adds client-side logic that must be evaluated on form load and on field changes, so a large number of UI Policies increases processing overhead and slows form responsiveness. Option D is not correct because tabs/sections are primarily a layout construct; while excessive tabs can affect usability, they are not a primary technical driver of form performance degradation in the same way scripts and policies are. Option E is not correct because AngularJS directives are not a standard ServiceNow form performance concern; ServiceNow forms are not built on AngularJS directives, so their use is not a recognized factor negatively impacting form performance.

Answer

Many tabs (sections) on the form.

Answer

Use of AngularJS directives in the form.

Question 12

Which of the following is the best practice for referencing a field value in a client script on a ServiceNow form?

Accepted Answer

Using g_form.getValue('field_name'). The correct answer because g_form.getValue('field_name') is the standard client-side API to retrieve the value of a field on a ServiceNow form. Option A is incorrect because g_l.get() is used for GlideAjax calls, not for direct field access. Option B is incorrect because g_form.getValue() does not take a DOM element as an argument; it expects a field name string. Option D is incorrect because GlideRecord.get() is a server-side method and cannot be used directly in a client script.

Answer

Using g_l.get('field_name')

Answer

Using g_form.getValue(document.getElementById('field_name'))

Answer

Using GlideRecord.get() to query the field value

Question 13

A Service Portal widget is not rendering on the page, and the browser console shows: 'Uncaught ReferenceError: sp is not defined'. The widget's client script uses 'sp.get()'. What is the cause?

Accepted Answer

The widget's client controller does not include 'sp' in the dependency list. The user sees an error 'sp is not defined' because the client script uses 'sp.get()' but 'sp' is not available. In Service Portal, the 'sp' API must be explicitly injected into the widget's client controller. If it is not listed in the dependencies of the client controller function, the script will not have access to 'sp'. Therefore, Option B is correct. Option A is incorrect because the order of widgets on the page does not affect dependency injection for individual widgets. Option C is incorrect because 'angular' is not required for 'sp'; it is the Service Portal API that needs to be injected. Option D is incorrect because there is no race condition; the server script runs first and does not affect the client-side dependency injection.

Answer

The widget is placed before the 'sp' provider widget on the page

Answer

The widget is missing a dependency on 'angular'

Answer

The server script runs after the client script, causing a race condition

Question 14

A UI Policy is used to make a field mandatory when another field has a specific value. The policy is not triggering. What is the first step to troubleshoot?

Accepted Answer

Review the UI Policy conditions and the order of policies on the form. When a UI Policy is not triggering, the first step is to review the UI Policy conditions and the order of policies on the form. This ensures the condition is correctly set and not overridden by other policies. Option A is incorrect because script includes are not typically used in UI Policy conditions; UI Policies use simple conditions or scripts that can access script includes, but verifying accessibility is not the first step. Option B is incorrect because the 'Mandatory' attribute on the dictionary is a different configuration; UI Policy can make a field mandatory irrespective of dictionary attributes. Option C is incorrect because ACLs control access, not mandatory behavior; they do not prevent UI Policy from making a field mandatory.

Answer

Verify that a script include used in the condition is accessible

Answer

Ensure the field has a 'Mandatory' attribute on the dictionary

Answer

Check if the 'Mandatory' ACL on the field prevents modification

Question 15

A developer is customizing a form layout for the 'incident' table. They want to group related fields into titled sections for better usability. Which approach should they use?

Accepted Answer

Add fields to form sections via the Form Layout module. The Form Layout module (sys_ui_form / sys_ui_section) is the native ServiceNow tool for arranging fields into titled sections on a form. Designers use it to add, remove, and reposition fields and to create new sections with headers, which is exactly what the developer needs.

Answer

Create a UI Page and embed it in the form via an HTML field

Answer

Use a catalog client script to rearrange fields dynamically

Answer

Use a UI Policy to show/hide groups of fields