Join the #BuildWithBuildAgent Challenge! Get recognized, earn exclusive swag, and inspire the ServiceNow Community with what you can build using Build Agent.  Join the Challenge.

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