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. |
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. |
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. |
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. |