Create Process flow in UI Builder

Rahul115
Tera Contributor

 I am creating new application in UI Builder where whenever i click on an Incident, it should show which state its currently as process flow like below. I am unable to find which container to use and how to pull the data.

find_real_file.png

4 REPLIES 4

Marc Mouries
ServiceNow Employee
ServiceNow Employee

You have a couple of options:

  1. Use the Breadcrumbs component
  2. Use the Stepper component
  3. Make your own custom component, see mine below "Milestone tracker"

find_real_file.png

Hi Marc,
Hope you are doing great,
        I'm new to UI Builder ,particularly about this process flow in Workspace , can you please provide step by step procedure for how to configure stepper Component/Breadcrumbs component in workspace .
My requirement is this stepper need to be change with respect to state .

 

Anusha Burri
Tera Contributor

We were able to add the Stepper component, but not able to acheive to highlight the current stage/state of the ticket on the stepper.Request to please provide inputs if this worked

You need to set the id of the current step. See the example below:

Here in this example I am using static values but in a real scenario, you will need to look up the current stage of the record and set it to a client state property and bind it to the selected item property of the stepper. 

Stepper-set-current.png