Progress bar the steps at Service Portal

madhuv
Tera Contributor

‎06-26-2024 05:09 AM

Hi, 

 

We have one custom portal where user fills in data to create cases. To fill the data there are step by step approach we have built. A widget provides next set of questions will appear in the next screen based on the values choosen//filled in previous screen. For some users , the number of screens appear like this will be less and some users its more. It driven through some condition.

 

Now, we have a situation where we have been asked to provide a progress bar at the top to indicate how many are completed and how many have been left.

 

First of all , how to create a progress bar (eg. like how we have in change management for change ticket) in Service Portal ?

 

How to control the progress bar dynamically?

 

 

Eg. one similar screen shot attached for reference.

 

 

Preview file
16 KB
0 Helpfuls
  • 1,210 Views
3 REPLIES 3

madhuv
Tera Contributor
In response to Yashsvi

‎06-26-2024 07:18 AM

Thanks for your response Yashsvi, but they are not helping.

 

The life cycle progress bar kind of thing we want in Service Portal. Basically it should be achieved with widgets. It would be helpful if any one has tried it earlier.

0 Helpfuls

Markus Kraus
Kilo Sage
In response to madhuv

‎07-28-2024 01:29 PM

You can use the following application to have the OOTB process flow that you know from the Classic UI:

MarkusKraus_0-1722198398882.png

 

Might not look super pretty, but this can be easily improved via css.
https://github.com/kr4uzi/ServiceNow-Portal-Experience

 

Note: You also get Annotations, Client Side UI Actions, List Buttons (Data Table) and List Styling in the Service Portal without having to customize widgets.

 

0 Helpfuls