---
title: "Thing Troubleshooting"
slug: "thing-troubleshooting-widget"
updated: 2026-04-17T07:45:27Z
published: 2026-04-17T07:45:27Z
canonical: "learn.servitly.com/thing-troubleshooting-widget"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://learn.servitly.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Thing Troubleshooting

Allows technical users to perform self troubleshooting to resolve active alerts.

![Thing Troubleshooting](https://components-manager.servitly.com/components/ThingTroubleshooting_1/IMAGES/_screenshot?owner=AG_Servitly)

Each alert definition allows you to define one or more remedies that the user can put into practice to try to solve the problem by himself.

The Alert Troubleshooting widget allows you to provide the user with what is commonly referred to as an expert system. When an alert is activated, the user will be shown the configured remedies. For each remedy it will be possible to answer whether it successful or not. If yes, the troubleshooting process ends, else the next remedy will be shown.

Each remedy is described by a title and an HTML description which can include images and references to the product documentation.

## Template Syntax

Below you can find some examples of how to use the component within a template.

```xml

            <thing-troubleshooting-widget [title]="'Alert Troubleshooting'"
            [loadPeriod]="'PT7D'">
            </thing-troubleshooting-widget>
        
```

## Component Reference

Here is a comprehensive list of all the elements and properties that can be used to configure the component.

#### Thing Troubleshooting `&lt;thing-troubleshooting-widget&gt;`

| *Load Period* | The period of loaded alerts when the page is accessed (e.g. P7D, PT36H). The value is expressed using the link:https://en.wikipedia.org/wiki/ISO_8601#Durations[ISO 8601 standard]. **Name**: loadPeriod **Type**: STRING \| Optional `loadPeriod="abc"` |
| --- | --- |
| *Title* | The title displayed on the top part of the widget box. **Name**: title **Type**: STRING \| Optional `[title]="'Thing Troubleshooting'"` |
| **Rendering** |
| *Availability* | Configure availability based on active features on Digital Plan on Add-ons **Name**: hasFeature **Type**: FEATURE (multiple) \| Optional `[hasFeature]="['feature_a', 'feature_b']"` |
| *CSS Class* | The name(s) of the CSS class used to customize the widget layout. **Name**: class **Type**: STRING \| Optional `class="my-custom-class"` |
| *Visibility Condition* | The expression that allows you to reduce the visibility of the element. **Name**: *ngIf **Type**: STRING \| Optional `*ngIf="getUser().organizationId != null"` |

## Full Syntax Example

```xml

<thing-troubleshooting-widget    
    [title]="'Thing Troubleshooting'"
    loadPeriod="abc"
    class="my-custom-class"
    *ngIf="getUser().organizationId != null"
    hasFeature="['feature_a', 'feature_b']"></thing-troubleshooting-widget>
```