Skip to content

Shift#

shift

Overview#

The Shift widget displays the shift information for a chosen Employee. An example of an UI Page using a Shift widget is shown below.

shiftExample

General Steps#

To use the Shift widget in a UI Page, follow the steps below:

  1. In any UI Page in Build mode, select the Shift from the widgets list located on the left side of the page; drag and drop to the desired place in the UI Page.
  2. Enter the Settings section of the widget through the three vertical dots.
  3. In the General tab, provide a name and a description for the widget. Use the toggle buttons to specify whether the widget should be visible, display the header, or allow full screen mode. Additionally, determine if the widget can be opened as an image in a new tab or exported as an image. You can also select the navigation mode behavior: open a new page, replace the current page, or none.

Shift General

Widget Customization#

  1. Optionally, in the Style tab, you can define a Border Width and Color.

    shiftSetup

  2. In the Setup tab, provide the following details:

    • Employee - Select the employee for whom the information is to be retrieved.
    • Show Shift - Determine whether to display the employee's shift information. This option is set to true by default.
    • Show Team - Determine whether to display the employee's team information. This option is set to true by default.
    • Show Workgroup - Determine whether to display the employee's workgroup information. This option is set to true by default.
    • Show Position - Determine whether to display the employee's position information. This option is set to true by default.

    shiftSetup

  3. Optionally, define the Links between this widget and other elements of the UI Page.

    shiftLinks

  4. By saving and closing the settings, the widget will be changed accordingly.