logo

NJP

UI Builder Components: List menu, List and Form

Import · Nov 26, 2022 · article

With List Menu, List and Form it is very easy to define new Workspace like pages.

Step by step:

1. Define your selection of lists in the table “sys_ux_list_menu_config”

You must define first categories and then select lists for each category.

GuidoBernuetz_0-1669458084499.pngGuidoBernuetz_1-1669458084508.png

2. List Menu component

Put the List Menu component on your page and select the list configuration in config field “Configuration”

GuidoBernuetz_2-1669458084510.png GuidoBernuetz_3-1669458084512.png

3. List Component

Put the List component on the same page and set the config values for “Table”, “Title”, “Filter” and “Columns”

GuidoBernuetz_4-1669458084523.png

4. Create a page to display one record

To create a page to display a form you can select the page template “Record” or you can create an own page to display one record.

This page must have 2 parameters for table name and record sys_id

GuidoBernuetz_5-1669458084530.png

5. Connect the record in the list with the form page

Define for the list component the event “Row Clicked” and combine this with “Link to destination” action.

GuidoBernuetz_6-1669458084532.png Navigation to the page to display the single recordNavigation to the page to display the single record

View original source

https://www.servicenow.com/community/next-experience-articles/ui-builder-components-list-menu-list-and-form/ta-p/2396122