Text Block widget

Prev Next

Introduction

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.


Instructions

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.

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.

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. This avoids any problems.

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

  • 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.

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:

This video shows you how to use images in HTML.

This video shows you how to use hyperlinks in HTML.

This video shows you how to use headers in HTML.

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