---
tags:
- UI Page widgets
alias: user-guide-uipage-widgets-transfer-widget
widgetname: Transfer
description: "This documentation details configuring a widget for transferring data between column views"
---

# Transfer

![transferWidgetIcon][transferWidgetIcon]

## Overview

This Widget is used to transfer data between column views. An example of a Transfer is shown below.

![uiTransferWidgetExample][uiTransferWidgetExample]

## General Steps

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

![TransferGeneral](images/transfer_general.png)

## Widget Customization

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

    ![Transfer style](images/transfer_style.png)

2. In the **Setup** provide the following configuration details:

    * **Layout Mode** - Choose from the three supported layouts.
    * **Title (Left)** - Set the title for the left column.
    * **Allow Multi-Selection** - Set to `false` by default, this option determines whether multi-selection is allowed in the left column.
    * **Title (Right)** - Set the title for the right column.
    * **Converter** - Specify the converter for the object being transferred between the columns.

    ![Transfer setup](images/transfer_setup.png)

3. For the Left and the Right Columns tab, define:

    * **Name** - Set the name of the column.
    * **Path** - Set the data path for the column.
    * **Name Field** - The default is Name. If defined, this field of the object will be used as the column name.
    * **Name Converter** - If defined, this converter will be used to generate the column name.
    * **Value Field** - The default is value. If defined, this field of the object will be used as the column value.
    * **Value Converter** - If defined, this converter will be used to generate the column value.
    * **Allow Transfer** - Disabled by default. This option determines whether data transfer is allowed for the column.

    === "Left Columns"

        ![Transfer columns](images/transfer_leftcolumns.png)

    === "Right Columns"

        ![Transfer columns](images/transfer_rightcolumns.png)

4. Define the **Links** between this widget and other elements of the UI Page.

    ![Transfer links](images/transfer_links.png)

5. Select **Save and Close** to complete the widget configuration.

[transferWidgetIcon]: images/uiTransferWidget.png
[uiTransferWidgetExample]: images/uiTransferWidgetExample.png