en GPS module title (tiles)


Set and format the title of your tile with the Title module.

Data

First Line

Enter the text for the first line here.

Second Line

Enter the text for the second line here.

The following HTML tags can be used for formatting: 'b', 'i', 'p', 'span', 'div', 'br', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'hr', 'ol', 'ul', 'li' and 'blockquote'.

For the following result
ACME Ltd.
P&L by Segment
2021 AC, BU

this input is necessary:

ACME Ltd.
<b>P&L</b> by <i>Segment</i>
2021 AC, BU

Wrap title

If this property is activated, the text is wrapped within the module.

Horizontal Position

Define the alignment of the text: to the left (left), centered (center) or to the right (right).

Icon

Icon

Select an icon from the list, which is displayed next to the title. Further options are available:

  • None: No icon is displayed.
  • Custom: If the option 'Custom' is set in the selection, an additional text field appears with the title Custom Icon URL. Here there are two possibilities to provide your own icon:
    1. Image URL: Enter an external URL where the icon is stored. It should be considered that only https-requests are allowed.

      Example: Image URL (svg image of a dog from wikipedia commons). https://upload.wikimedia.org/wikipedia/commons/8/89/Dog.svg

    2. Data URL: With the help of a data URL, external sources can be integrated directly into html. In order for the image to be usable in the tile, the data URL must be specified in the following format: data[<MIME-Typ>];base64,<data>

      Example: Data URL (representation of a red dot): "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0

      SU1FB9YGARc5KB0XV+IAAAAddEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIFRoZSBHSU1Q72QlbgAAAF1JREFUGNO9zL0NglAAxPEfdLTs4BZM4DIO4C7OwQg2JoQ9LE1exdlYvBBeZ7jq

      ch9//q1uH4TLzw4d6+ErXMMcXuHWxId3KOETnnXXV6MJpcq2MLaI97CER3N0vr4MkhoXe0rZigAAAABJRU5ErkJggg=="

Font

First Line Size

This property determines the height of the first line in pixel.

Second Line Size

This property determines the height of the second line in pixel.

Family

Define the global font. Clear the contents of the text box and then select Arial, Tahoma, Verdana, Lucida Console and Calibri from the suggested options. Alternatively, you can enter the name of a font that is installed on your system, even if no suggestions are displayed. For example, enter Comic Sans MS.

Color

This property determines the font color as HEX, RGB or HSL code. You can switch these using the small arrows on the right side in the color pop-up. Alternatively, you can also use the color picker.