<  Widgets

RocketFuel RITM Stages

Widget

### Description

This widget displays the workflow stages of a requested item, and shows the user which items have already been completed, which is the active stage, and which have not started yet by highlighting the completed items and checking the box of the active stage.

### Configuration

This widget gets table and record information from the URL, so no configuration is necessary.

### Widget Options

|  None

### Sample Data
```json
{
"options": {
"sys_id": "00e0ef563dbb9a71c2",
"stages": [{
"displayValue": "Waiting for Approval (Request Approved (Approved))",
"id": "null",
"image": "icon-check-circle.png",
"label": "Request Approved (Approved)",
"selected": true,
"title": "Waiting for Approval",
"value": "request_approved"
 },
{
"displayValue": "Completed (Completed (Pending - has not started))",
"id": null,
"image": "icon-empty-circle.png",
"label": "Completed (Pending - has not started)",
 "selected": false,
 "title": "Completed",
"value": "complete"
}]
}
}
```
### Dependencies
_Dependencies are included and configured as part of the provided Update Set._

> None

### CSS/SASS Variables

_CSS/SASS variables are given default values that can be overridden with theming or portal-level CSS._

| Variable | Comments |
| -------- |:-------------:|
| `$nr-stage-active-bg` | This variable is used to set the background color of the active stage. |
| `$nr-stage-active-text` | This variable is used to set the color of the active stage's text. |

Get Awesome Updates

Enter your email address for news and updates from NewRocket.

Thanks for your email!
There was an error, please try submitting again.