Skip to main content

Button

The dashlet is a button with a link.

button.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 Button. 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 Button description. You can add several language versions.

Confirm your entry with IconAdd.

To remove a language version, click on Icon.

Button type

Depending on the selected type you have to define additional attributes.

Drawer

  • Object ID

    Add the Object ID

  • Drawer width

    Define the width of the drawer.

Page ID

Select the portal page using the drop down menu.

New Tab / Current Tab

Opens the defined target in a new or in the current tab.

Script

Script produces a runlink to USU Service Management or USU Shop.

Notice

For a runlink it is also possible to use interpolation strings. For example ${[item].[details].[guid]} as part of a Shop runlink.

Action

Used to to address an adapter, for example to trigger the call of a web service.

For New tab, Current tab, Script and Action you have the following attributes available:

Target

Add the target URL/path of the resource and define the request method.

Method

  • GET method retrieves data from the specified target

  • POST method creates/updates the specified target. The data sent to the target is stored in the Body attribute that is displayed after selecting the POST method.

Body Params/Body Edtior

Notice

The field is only available when the target method POST is selected.

  • Body Params

    Define a key and value.

    Click on Iconto add another key and value.

    Delete a key and value by clicking on the Icon.

  • Body Editor

    With the body editor you can create/edit the keys and values directly via JSON.

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.