Skip to main content

Interactive Area

The interactive area dashlet enables the structured display of buttons.

interactiveArea_portal.png

In addition to the general attributes, you have the following configuration options:

Title

Language/Translation

Select the language and the corresponding translation of the Interactive Area. You can add several language versions.

Confirm your entry with IconAdd.

To remove a language version, click on Icon.

Description

Language/Translation

Select the language and the corresponding translation of the Interactive Area description. You can add several language versions.

Confirm your entry with IconAdd.

To remove a language version, click on Icon.

Embedded

Image

Select an embedded image via the dropdown menu. This image is shown alongside the area title.

You can add embedded images via Toolkit > Images in the Embedded tab.

Icon

Select an icon via the dropdown menu. This image is shown alongside the area title.

Styles

Container styles

Background color

Choose a background color using the color picker or define the color as HEX.

Note

The background color will be overwritten when you use a gradient.

Use gradient

Enable or disable the color gradient using the toggle.

If you enable gradient, you have to define the following attributes:

  • Rotation: Define the rotation of the color gradient

  • Color 1/Color 2: Define the two colors for the gradient

Title and Description styles

Font size

Define the font size of the title/description.

Text alignment

  • left: The button title/description is aligned to the left.

  • right: The button title/description is aligned to the right.

  • center: The button title/description is centered.

Color

Choose a background color using the color picker or define the color as HEX.

In this section: