Component Toolbar Settings

Estimated Reading Time:  2 minutes

Overview

Once you add a component to the canvas, you can modify it in the Module Editor. Hover over the component to display a 5-button toolbar. This toolbar allows you to edit, move, copy, paste, or delete the component.

What You'll Learn

After reading this article, you’ll know how to edit, move, copy, paste, and delete components using the component's toolbar settings.

Editing a Component's Settings

To revisit and make changes to your saved component's settings:

1. In the Module Editor, hover over the component.

A 5-button toolbar displays above the component on hover-over.

2. Using the toolbar, click the (Settings) button.
3. Using the Configuration window, make changes to the component’s settings as needed.
4. Click Save.
5. Save your module.

Moving a Component

To move your component to a new position on your canvas:

1. Hover over the component.

A 5-button toolbar displays above the component on hover-over.

2. Click and drag the (Move) button, dropping the component when it’s in position.
3. Save your module.

Copying a Component

You can make a copy of your component using the Copy and Paste tools. Copy stores an exact copy of your component, matching all settings. You can then use the Paste setting on a component to paste the copied component below. The only noticeable difference between a copied and pasted component is the Property ID. The Property ID on the new component automatically updates. Remember, every component must have a unique Property ID. Property IDs are the main method used to track and connect components in Unqork.

To copy and paste a component: 

1. Hover over the component.

A 5-button toolbar displays above the component on hover-over.

2. Click the (Copy) button.
3. Click the (Paste) button.
4. Update the copied component’s settings, if needed.
5. Click Save.
6. Save your module.

WARNING  You can only paste valid Unqork JSON. An error occurs if the format is incorrect.

Removing a Component

You can remove your component from the module.

1. Hover over the Text Field component.

A 5-button toolbar displays above the component on hover-over.

2. Click the (Remove) button.
3. Save your module.