# Status Overview

Added in version 11977.

Shows a simple overview of amount of records in different status's (and status groups), with an custom line title and color.

### Sample

[![image.png](https://docs.tsnocode.com/uploads/images/gallery/2026-05/scaled-1680-/H7W37Xr5SkOzgCja-image.png)](https://docs.tsnocode.com/uploads/images/gallery/2026-05/H7W37Xr5SkOzgCja-image.png)

### Configuration

The widget expects the "solution" to be the system name of the entity/solution that data is shown from, and the content to be setup in the following manner.  
The css class part is optional.

```
[Line name]#[Line CSS class]:[Comma-list of StatusID or StatusSystemName]
```

Eg.

```
New tasks#orange: 57, NEW
In progress#blue: 58
Done#green: 59, DONE
```

### Styling

The colors green, blue, yellow, orange and red, are defined by default in the platform.  
To use a custom color, use a custom css class in the configuration and add the following code to the widgets style.

```css
#THISWIDGET# .my-color .bar .bar-progress {
  background-color: var(--primary);
}
#THISWIDGET# .my-color .badge-col .badge {
  color: #FFF;
  background-color: var(--primary);
}
```