UI Page API - ServiceNow Fluent
The UI Page API defines custom user interface (UI) pages [sys_ui_page] that display forms, dialogs, lists, and other UI components.
Note: For the latest ServiceNow Fluent API documentation and examples, see the ServiceNow Fluent API reference and ServiceNow SDK examples repository on GitHub.
A UI page displays as a web page and can be added to a widget for use in dashboards. For general information about UI pages, see UI pages.
You can develop a simple React application with the UI Page API. In the src/client directory, add static content files that define the HTML, client script, and styling of the page. From the UiPage object, refer to the page's HTML entry point (index.html). For more information, see User interface development with React.
Parent Topic:ServiceNow Fluent API reference
Related topics
UiPage object
Create a UI page [sys_ui_page] for a custom user interface.
| Name | Type | Description | |||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| $id | String or Number | Required. A unique ID for the metadata object. When you build the application, this ID is hashed into a unique sys\_id. For more information, see ServiceNow Fluent language constructs.Format: `Now.ID['String' or Number]` | |||||||||||||||
| endpoint | String | Required. The endpoint to access the web page. The endpoint value can't contain spaces.Format: `| description | String | A description of the user interface and its purpose. | direct | Boolean | Flag that indicates whether to omit the standard HTML, CSS, and JavaScript for a UI page. For React UI pages, set this property to `true`.Valid values: - true: Omit the standard HTML, CSS, and JavaScript and provide custom CSS and JavaScript for the page. - false: Include the standard HTML, CSS, and JavaScript. Default: false | html | String | The body HTML code that defines what is rendered when the page is shown. It can contain either static XHTML, dynamically generated content defined as Jelly, or call script includes and UI Macros. This property supports an alias to import an Format:
category | String | The type of UI page.Valid values: - general: The page is general purpose. - homepages: The page is used as a home page. - htmleditor: The page is used to insert HTML content. - kb: The page is used with a Knowledge Base. - cms: The page is used with the Content Management System \(CMS\). - catalog: The page is used with Service Catalog. | clientScript | Script | A script that runs in the browser, such as functions called by buttons. This script handles any required client-side processing needed, like setting focus to a field or other interactive DHTML features after a page is loaded. This property supports inline JavaScript or a reference to another file in the application that contains a script.Client scripts for the UI page are deployed to the browser within a ` | |