---
tags:
- UI Page widgets
alias: user-guide-uipage-widgets-shift
widgetname: Shift
description: "This documentation details the Shift widget’s configuration and display of employee shift data"
---

# Shift

![shift](images/uiShift.png)

## 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](images/uiPageExample15.png)

## General Steps

{% include-markdown 'includes/pages/ui_widgets_general_steps_with_behavior.md' %}

![Shift General](images/shift_general.png)

## Widget Customization

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

    ![shiftSetup](images/shift_style.png)

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](images/shift_setup.png)

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

    ![shiftLinks](images/shift_links.png)

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