---
title: "Text Block widget"
slug: "text-block-widget"
updated: 2026-03-20T11:10:02Z
published: 2026-03-20T11:10:02Z
canonical: "docs.calculus.group/text-block-widget"
---

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

# Text Block widget

A text block widget can be used to show formatted text, images, and metadata. If used correctly, this widget can make your dashboard more user-friendly and informative.

![Information on water tank capacity and calibration value for configuration troubleshooting.](https://cdn.document360.io/94d0a983-5058-4b02-8d06-1228a999a7a1/Images/Documentation/text_block.png?sv=2026-02-06&spr=https&st=2026-11-11T14%3A02%3A49Z&se=2026-11-11T15%3A02%3A49Z&sr=c&sp=r&sig=cPFlSHZWRDTjDLp8XWnc5RAIZ%2BQf%2FVWaBcIiVGHX1IM%3D)

## Widget control elements

The text block widget has no control elements, all relevant settings are defined in the configuration panel.

## Widget configuration panel

In the widget selection panel, click on **Text Block**. A new panel will appear where you can configure the widget.

### Text Block Settings

![Dashboard settings interface displaying text block options and widget management features.](https://cdn.document360.io/94d0a983-5058-4b02-8d06-1228a999a7a1/Images/Documentation/2025-08-13 14-26-06.png?sv=2026-02-06&spr=https&st=2026-11-11T14%3A02%3A49Z&se=2026-11-11T15%3A02%3A49Z&sr=c&sp=r&sig=cPFlSHZWRDTjDLp8XWnc5RAIZ%2BQf%2FVWaBcIiVGHX1IM%3D)

Fill in the fields below:

- **Advanced mode** Activate this toggle switch to use HTML.
- **Title** A title or description for the widget.

Click **Next** to go to Text Block settings.

### Text Block settings

![Dashboard settings interface displaying text block options and widget configurations.](https://cdn.document360.io/94d0a983-5058-4b02-8d06-1228a999a7a1/Images/Documentation/2025-08-13 14-27-02.png?sv=2026-02-06&spr=https&st=2026-11-11T14%3A02%3A49Z&se=2026-11-11T15%3A02%3A49Z&sr=c&sp=r&sig=cPFlSHZWRDTjDLp8XWnc5RAIZ%2BQf%2FVWaBcIiVGHX1IM%3D)

Fill in the fields below:

- **Widget width** The width in relation to the screen width.
- **Order** The position on the dashboard.

Click **Save** to add the widget to the dashboard.

## Advanced Mode

The advanced mode gives you additional formatting options, such as displaying hyperlinks and images. If you are not sure about how to do this exactly, it is best to ask us.

The layout of this widget can be determined using CSS-Classes:

- An extensive list of CSS-Classes can be found in the appendix .
- Information on how to use flexbox can be found on [css-tricks.com](https://css-tricks.com/).

Do not hesitate to contact us if you have any problems with the application of CSS.

## Tutorials

The tutorials below will give you a better idea of how to get the most out of HTML in advanced mode:

HTML imagesHTML hyperlinksHTML headersHTML text formatting

[Embedded content](https://www.youtube.com/embed/FmoYRiepmOE)

This video shows you how to use images in HTML.

[Embedded content](https://www.youtube.com/embed/HA6bByKdAQM)

This video shows you how to use hyperlinks in HTML.

[Embedded content](https://www.youtube.com/embed/9gHPpwq6IaY)

This video shows you how to use headers in HTML.

[Embedded content](https://www.youtube.com/embed/7FqQLqNIEY8)

In this video, you'll learn how to use text formatting in HTML.