Skip to content

Drag-and-Drop Re-Linking in UI Builder

Starting from version 3.4, UI Builder introduces drag-and-drop linking between Control Objects and components inside the Editor.

Key Concepts

  • Control Objects contain the list of elements that can be used as links.
  • Linking assigns a Control Object to a compatible Field ID.
  • Groups cannot be linked.

How It Works

  1. Open UI Builder.
  2. In the Control Objects tab, locate the required item, click on it and hold Ctrl .
  3. Drag the Control Object and drop it onto the target component in the Editor.
  4. When dropped, UI Builder assigns the corresponding Field ID to the component.

DragDropControlObjects

Example

Scenario

  • You have a Control Field named Title
  • In the Editor, there is a text input for changing the Title value.

Action

  • Drag the Title Control Field
  • Hold Ctrl
  • Drop it onto the text label

Result
The text input’s field ID property gets updated to match the Title ID.

Tips & Notes

  • To reassign a link, drag another Control Object onto the same component
  • To remove a link, right-click the component and select Unlink
  • This works for both:
    • Simple components (single field)
    • Complex components (multiple properties)

Note

Remember to Save after relinking. Changes are not applied until the page is saved.