Use case developmentWorkshopCross-application interactivityDrag and drop

Drag and drop in Workshop

Drag-and-drop functionality is currently only available for customers that have both Foundry and Gotham on their enrollment. It will be made available more broadly in the future.

Drag-and-drop functionality allows users to easily move data between applications by dragging it from one application to another. Refer to the drag-and-drop documentation for more information.

In Workshop, multiple components enable drag-and-drop actions for cross-application interactivity and interactions between widgets. These components and interactions are detailed below.

Workshop drop zones

Drop zones are interactive components that allow users to transfer data by "dropping" it on the element. The following are Workshop components that can be configured as drop zones, refer to the drop zone documentation to learn more.

Section drop zone

The section component can be configured to receive drag payloads.

  1. To turn the section component into a drop zone, select the relevant section and toggle Drop Handling in the section configuration panel to the right.

    Toggle to enable drop handling for the section.

    If the drop handling toggle is not displayed, contact your platform administrator to enable this feature.

  2. When drop handling is enabled, additional configurations will appear below the toggle. These configurations define the appearance of the drop zone when a drag payload is dragged over it:

    Section drop zone visual element configuration.

    The Drop label and Drop icon settings determine the text and icon that will appear on the drop zone, respectively.

    For example, if Drop label is configured as "Drop here" and the plus icon is selected as the Drop icon, the drop zone might look as follows when a user drags a payload over:

    Drop zone behavior

  3. Lastly, configure what happens to dropped data with the Output object set and On drop settings.

    Set the output object set variable.

    Select the object set variable that the dropped data should be written to. This can be used to populate an object table, for example. An event can also be configured to fire after the drop.

Section drop zone usage

After the section component has been configured as a drop zone, users can drag and drop objects onto the section. Using enrichment, users can drag both Gotham and Foundry objects onto this drop zone.

This drop zone accepts the Foundry object RID and the Foundry object set media type. Refer to the media types documentation for more information.

Drag zones

Drag zones are interactive elements that allow users to "grab" data and transfer it by dragging it onto a drop zone. The following are Workshop components than can be configured as drag zones. Refer to the drag zone documentation to learn more.

The following drag zones can be dragged onto both Gotham and Foundry drop zones that accept object media types using enrichment. Note that without enrichment, these drag zones can only transfer data to drop zones that accept their specific media type.

Object set title drag zone

To configure the object set title component as a drag zone, select the component and toggle Enable drag in the configuration panel to the right. This drag zone can be used to transport Foundry object set RIDs.

Object set title drag zone configuration.

When this is enabled, the component can be dragged onto compatible drop zones to transfer data. Without enrichment, this component can only be dragged onto drop zones that accept the Foundry object set media type. Refer to the media types documentation for more information.

Object set title drag zone

Object table cell drag zone

Cells in an object table can be dragged onto compatible drop zones to transfer data. Without enrichment, this drag zone can be dragged onto drop zones that accept the Foundry object RID media type. Refer to the media types documentation for more information.

Object view drag zone

The icon in the object view widget header can be dragged onto compatible drop zones. Without enrichment, this drag zone is compatible with drop zones that accept the Foundry object RID media type. Refer to the media types documentation for more information.

Object view drag zone.