SNOW-CAD User Interface Development — 20 Questions

Question 1

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.. UI Actions define custom buttons that appear on forms and run server-side scripts. Option A is wrong because client scripts run on events but do not create buttons. Option B is wrong because UI Policies control field behavior, not buttons. Option D is wrong because form layout arranges fields, not 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 2

A developer is asked to add a custom button to the Service Portal form for the 'incident' table. The button should trigger a client script that displays a confirmation dialog before submitting the form. Which approach should the developer use?

Accepted Answer

Create a UI Action on the incident table with a client script and set the 'Show insert' condition.. UI Actions in Service Portal are the standard mechanism for adding custom buttons to forms. By creating a UI Action on the incident table with a client script, the developer can add a button that triggers a confirmation dialog before form submission. UI Policies only control field attributes (e.g., visibility, mandatory) and cannot create new UI elements like buttons.

Answer

Create a UI Policy on the incident table with a client script that shows the button conditionally.

Answer

Create an Access Control Rule (ACL) on the incident table and attach a client script.

Answer

Create a Business Rule on the incident table that injects a button via server-side code.

Question 3

A Service Portal widget is failing to update a reference field on a form after a user selects a value from a reference picker. The developer reviews the widget's client controller and sees the following code snippet: $scope.c.data.selectedItem = value; The server script expects 'selectedItem' to be a sys_id string, but it is receiving an object. What is the most likely cause?

Accepted Answer

The reference field returns an object with 'value' and 'display' properties; the code should extract the sys_id.. When a reference picker returns a value in Service Portal, it typically provides an object containing both the display value and the sys_id (e.g., {value: 'sys_id', display: 'name'}). The client controller code assigns this entire object to $scope.c.data.selectedItem, but the server script expects a plain sys_id string. The developer must extract the sys_id property (e.g., value.sys_id or value.value) before assigning it to the scope variable.

Answer

The server script expects the parameter in a different scope variable, like $scope.c.data.item.

Answer

The $scope.c.data assignment is incorrect; it should be $scope.data.

Answer

The client controller is not allowed to set $scope.c variables.

Question 4

When configuring a Service Portal page, a developer wants to ensure that a specific widget appears only to users with the 'itil' role. Which approach should be used?

Accepted Answer

Set the 'Roles' property on the widget instance within the page designer.. The 'Roles' property on a widget instance within the Service Portal page designer directly controls which roles can view that specific widget. This is the intended declarative approach for role-based visibility at the widget instance level, without requiring custom scripting or ACLs.

Answer

Pass a role check from the server script to the client controller via widget options.

Answer

Write an Access Control Rule (ACL) on the widget's table to restrict access.

Answer

Create a UI Policy on the portal table that hides the widget based on user roles.

Question 5

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?

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 6

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 7

Which TWO of the following are valid ways to customize the Service Portal login page?

Accepted Answer

Override the 'Login' page in the portal record by creating a new page and setting it as the login page.. The Service Portal login page can be customized by overriding the 'Login' page in the portal record. This is done by creating a new page (e.g., a copy of the default login page) and setting it as the login page in the portal's configuration, which allows full control over the layout and widgets used. Option D is correct because CSS variables defined in the portal's theme (SCSS) can be used to style login page elements, as the theme's SCSS is compiled and applied globally to all portal pages, including the login page.

Answer

Create a new widget instance on the 'loginpage' widget slot.

Answer

Add a widget option to the login widget to inject custom CSS.

Answer

Set the 'login.css' property in sys_properties to a custom stylesheet URL.

Question 8

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

Accepted Answer

They can use AngularJS services like $http and $timeout.. Service Portal client controllers are AngularJS controllers that run in the browser. They can use standard AngularJS services such as $http for making AJAX calls to external APIs or the instance, and $timeout for delaying execution, which are both injected as dependencies.

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 9

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 10

This client script is attached to the 'category' field on the incident form. When the user changes the category to 'Network', what happens to the short_description field?

Accepted Answer

The short_description is set to 'Category changed to Network'.. The client script checks if the newValue of the 'category' field is not empty and equals 'Network'. When the user changes the category to 'Network', newValue is 'Network', which passes the empty check (newValue !== ''), and then the condition newValue === 'Network' is true. The script then executes g_form.setValue('short_description', 'Category changed to Network'), which sets the short_description field to that string.

Answer

Nothing happens because newValue equals 'Network' which passes the empty check.

Answer

An error occurs because setValue cannot be called with a string.

Answer

The short_description is cleared.

Question 11

A company has a Service Portal that includes a custom widget for submitting hardware requests. The widget has a client controller that calls a server script to create a new record in the 'hardware_request' table. Recently, users have reported that when they click the 'Submit' button, the widget sometimes does not show a success message, and the record is not created. The developer reviews the server script, which uses gs.log to log errors, and sees no errors in the logs. The client controller uses $scope.server.get() to call the server. The widget template uses ng-show='data.success' to display a success message. Based on this scenario, what is the most likely cause of the intermittent issue?

Accepted Answer

The client controller does not handle the asynchronous response properly; the success message depends on the promise resolving before the user might navigate away or click again.. The client controller uses $scope.server.get() to make an asynchronous call to the server script. If the user clicks 'Submit' and then navigates away or clicks again before the promise resolves, the success message (ng-show='data.success') may never display because the $scope.data object is not updated in time. The server script logs no errors because it executes correctly, but the client-side asynchronous handling fails to capture the response, leading to the intermittent issue.

Answer

The server script fails due to a mandatory field not being provided, but the error is not logged.

Answer

The server script uses data.success = true; but the client controller does not read it.

Answer

The widget has a Client Script that conflicts with the server script.

Question 12

A company wants to hide a field on a catalog item form when a specific variable is selected. What is the most appropriate way to achieve this?

Accepted Answer

Create a UI Policy that hides the field when the condition is met.. UI Policies are the standard declarative way to control field visibility, read-only, and mandatory states on ServiceNow catalog item forms based on conditions. Option B is incorrect because modifying the form layout only changes the initial arrangement and does not dynamically hide fields. Option C is incorrect because a catalog client script can be used but is less standard and efficient than a UI Policy for visibility control. Option D is incorrect because a client script setting the display property is not the recommended approach; UI Policy is specifically designed for such conditional logic.

Answer

Modify the form layout to remove the field.

Answer

Use a catalog client script to hide the field.

Answer

Write a client script to set the field's display property to false on load.

Question 13

A service portal widget is supposed to load data from a table and display it in a list. The widget renders but shows no data. Which is the most likely cause?

Accepted Answer

An error in the widget's server script prevents data from being queried.. The widget renders (client-side works) but shows no data, indicating the server-side script that queries the table failed. Option A (ACL denial) would typically show an error or empty data but is less common than a script error. Option B (client script syntax error) would affect interactivity, not initial data load. Option C (portal page not configured) would prevent the widget from rendering entirely.

Answer

The table's ACL denies read access to the user.

Answer

The widget's client script has a syntax error.

Answer

The portal page is not configured to include the widget.

Question 14

A form has a UI Policy that conditionally makes a field mandatory. The UI Policy works on the server side but the mandatory validation is not enforced on the client side before submission. What is the most likely reason?

Accepted Answer

The UI Policy is set to run only on the server and not on the client.. UI Policies that are set to run only on the server will not enforce mandatory validation on the client. For client-side mandatory enforcement, the UI Policy must have the 'Run on client' checkbox checked or the mandatory attribute must be set via a client script. Option A is wrong because ACLs control visibility and access rights, not mandatory field validation. Option C is wrong because the ordering of UI Policies affects execution order, not whether they run on the client. Option D is wrong because while a client script could override the mandatory property, the issue here is that the UI Policy itself is not set to run on the client, not that it is being overridden.

Answer

The field's ACL does not allow the user to see it.

Answer

The form is in a different ordering of UI Policies.

Answer

A client script is overriding the mandatory property.

Question 15

A reference field on a form shows a list of records, but the user cannot see any results when typing. The reference qualifier is set to 'active=true'. What is the most likely cause?

Accepted Answer

There are no records that satisfy the reference qualifier condition.. If the reference qualifier condition 'active=true' filters out all records (e.g., all records are inactive), no results appear. Option A is incorrect: lack of read access would prevent the user from seeing any records at all, but the user can see the field and type. Option C is incorrect: a read-only field prevents editing but does not affect searching for new records. Option D is incorrect: if no reference table were specified, the field would not function; the problem is the qualifier filtering.

Answer

The user does not have read access to the referenced table.

Answer

The field is read-only and prevents searching.

Answer

The field's dictionary entry does not have a reference table specified.

Question 16

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 17

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

Accepted Answer

UI Theme (sys_ui_theme). UI Theme (sys_ui_theme). In ServiceNow, the UI16 interface's look and feel is customized using UI Themes, which are stored in the 'sys_ui_theme' table. Option A (UI Script) is incorrect because UI Scripts are used for client-side JavaScript functions, not for theming. Option B (Portal Theme) is meant for Service Portal configurations, not the UI16 interface. Option D (Branding) handles logos, colors, and fonts but does not provide the full theme customization capabilities of UI Themes.

Answer

UI Script (sys_ui_script)

Answer

Portal Theme (sp_theme)

Answer

Branding (sys_brand)

Question 18

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) can run after the record is opened and set the field back to its original value, overriding the value updated by the business rule. Option A is incorrect because the form does refresh when the record is opened, so the issue is not a lack of refresh. Option B is incorrect: asynchronous business rules still save their updates to the database; the timing of execution does not affect whether the value persists on the form. Option D is incorrect because hiding a field via UI Policy does not change its value; the value would still be stored.

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 19

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 (Option D). Syntax errors are the most common cause of a macro not rendering. Checking the browser's HTML source (A) is possible but not the first step. Ensuring the UI Macro is in global scope (B) is less likely the issue, as macros are typically accessible within the theme. Verifying UI Scripts (C) is unrelated because UI Scripts are separate client-side resources, not the macro's own code.

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 20

The client script above runs on a text field's onChange event. When the user changes the field, the 'short_description' field is not updated. What is the most likely reason?

Accepted Answer

The 'short_description' field is defined as read-only on the form.. G_form.setValue() cannot update a read-only field. If 'short_description' is defined as read-only on the form, the script will fail to change its value. Option A is incorrect because a missing semicolon would not prevent the field update; JavaScript allows optional semicolons. Option C is incorrect because g_form is available in onChange client scripts. Option D is incorrect because the onChange event fires after the new value is assigned to the field, so the script runs with the updated value.

Answer

The script is missing a semicolon after the setValue statement.

Answer

g_form is not available in the onChange client script.

Answer

The script runs before the new value is assigned to the field.