Skip to main content

Component

Pro Feature
Pro features are only available with a Professional licence. Starter licences can evaluate most Professional features via the Try Pro button at the top of the Viewport. To upgrade, visit cavalry.scenegroup.co.

Intro

Components are Layers that contain a collection of other Layers. Attributes from those Layers can be promoted to the Component in order to create a custom user interface.

By making other Layers children of a Component, those Layers can be hidden by the Component to create a simplified user interface. See Edit Component.

Collapsing a Component to filter the promoted controls.
Supported Attributes

Any Attribute that can create a connection can be used within a Component.

Quick Start
  1. Create a Component.
  2. Create a Rectangle.
  3. In the Attribute Editor, drag a connection from the Rectangle's Size attribute to the purple area at the top of the Component's UI in the Control tab.
  4. Make the Rectangle a child of the Component in the Scene Window.
  5. In the Attribute Editor, right click the Size attribute and choose Rename.
  6. Give the attribute a custom label.
  7. In the Attribute Editor, right click the Component's header.
  8. Choose Component and uncheck Edit Component.
  9. In the Attribute Editor, right click the Component's header.
  10. Choose Component and check Compact Layout.

The Component's UI will simplify and the Rectangle will be hidden from the Layer stack.

UI

Edit Component

Components have two modes that can be accessed by right clicking the Layer's header in the Attribute Editor and choosing from the options in the Component menu.

  • Checked - Attributes from other Layers can be added to the Component. Any Layers that are children of the Component are visible in the Scene Window.
  • Unchecked - Any Layers that are children of the Component are hidden from the Scene Window and adding or removing Attributes from other Layers is prevented.

Add an Attribute to a Component

To add an attribute to a Component, in the Attribute Editor, drag a connection from a Layer's attribute to the purple area at the top of the Component's UI in the Control tab.

Remove an Attribute from a Component

To remove an attribute from a Component either:

  • Right click on the attribute in the Component's Control tab and choose Remove from Component.
  • Use the connection icon from the source attribute.
Custom Labels

Attribute labels can be customised by right clicking on an attribute and choosing 'Rename'.