Skip to main content

KPI

This KPI dashlet type shows one number and a short text.

dashletkpi.png

Notice

The KPI dashlet supports only USU Service Management as resource.

Resource

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.

Configuration

Title

Language/Translation

Select the language and the corresponding translation of the title.

Confirm your entry with IconAdd.

Title styles

Font size

Define the font size of the title.

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

Font Color

Define the font color using the color picker.

Tip

You can adjust the size of the KPI using the Page designer > Edit/Create configuration. Add or select the desired KPI dashlet and drag the dashlet to the desired size within the Canvas area.

Actions

To add an action, click on + Add. You have the following configurations available:

Icon

Select a icon. This icon will be shown in front of the label.

Type

Select the appearance of the button:

  • primary: The button is highlighted in color.

  • secondary: The button has a solid colored frame.

  • tertiary: The button is not highlighted.

Label

Select the language and the corresponding translation of the header.

Confirm your entry with IconAdd.

Allowed for the following roles

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:

    Page ID

    Select the portal page using the drop down menu.

  • New tab: This opens a defined target link in a new tab.

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

  • Current Tab: This opens the defined target link in the current tab.

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

For Script, New tab, Current tab 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.