Asset Drag and Drop

You can drag and drop existing assets from the Asset Browser into the UI Editor’s viewport, hierarchy pane, properties pane, or a specific property field. This can be a convenient way to create new entities and assets to work with in the UI Editor.

Dragging assets associated with components

  • You can drop any asset that is associated with a component, such as a Script Canvas file or a Lua script file, into the UI Editor viewport or hierarchy pane.

    When you drag an asset from the Asset Browser into the viewport, the UI Editor does the following:

    • Creates a new entity at the cursor’s location.
    • Adds the associated component, which is indicated by the icon next to the asset in the Asset Browser.
    • Assigns the asset for that component’s property.

    When you drag an asset from the Asset Browser into the hierarchy pane, the UI Editor does the following:

    • Creates a new entity and places it as a child of an existing parent, unless the drop location is directly on an entity. In this case, the associated component is added to that existing entity without creating a new one. To override this behavior, press the Shift key down while you drop the asset. This creates a new entity and places it as a child of the existing entity.
    • Adds the associated component, which is indicated by the icon next to the asset in the Asset Browser.
    • Assigns the asset for that component’s property.

    When you drag an asset from the Asset Browser into the properties pane, the UI Editor does the following to all selected entities:

    • Adds the associated component, which is indicated by the icon next to the asset in the Asset Browser.
    • Assigns the asset for that component’s property.

Dragging UI slice assets

  • You can drop any slice asset that consists of only UI entities into the UI Editor viewport or hierarchy pane.

    When you drag a UI slice asset from the Asset Browser into the viewport, the UI Editor does the following:

    • Instantiates a new entity from the dragged slice at the cursor’s location.

    When you drag a UI slice asset from the Asset Browser into the hierarchy pane, the UI Editor does the following:

    • Instantiates a new entity from the dragged slice and places it as a child of an existing parent, according to the drop location in the hierarchy.

Dragging UI Canvas assets

  • Drag UI Canvas assets from the Asset Browser into the UI Editor to open them for editing.

Dragging assets to property fields

  • Drag an asset from the Asset Browser onto an asset property field in the properties pane to assign that asset to a component’s property.

Copyright © 2022 Open 3D Engine Contributors

Documentation Distributed under CC BY 4.0.
For our trademark, privacy and antitrust policies, code of conduct, and terms of use, please click the applicable link below or see https://www.lfprojects.org.


The Linux Foundation has registered trademarks and uses trademarks. For a list of trademarks of The Linux Foundation, please see our Trademark Policy page.