Copying Styles

A powerful feature to speed up your work is that you can copy styles between components.

Copying All Style Definitions

1. Right-click the component you wish to copy the styles from, to open its context-menu
2. Click Copy style to enter the copying style mode
3. Optionally, navigate your project if whatever you wish to apply that style to is on other stages
4. While in the copying style mode, click on any components you wish to apply the style to, and the style will be applied
5. Once you are done applying the copied style, click Finish on the little overlay above the canvas.

Tip: if you misclick, just use Undo/Redo to revert the last immediate changes. You can do this still while in copying style mode.

Copying Just One Style Property

Sometimes you may wish to copy only one style property of a component, instead of the entire style definition, such as for example to copy the spacing setting of a column, onto other columns. To do this:

1. Right-click the component you wish to copy the style property from, to open its context-menu
2. Open the Style menu where that property setting is located, and find that property setting (for example spacing)
3. If the property can be copied, click on the brush icon to the right of the setting name, to enter the copying style mode
4. Optionally, navigate your project if whatever you wish to apply that style property to is on other stages
5. While in the copying style mode, click on any components you wish to apply the style property to for immediate effect
6. Once you are done applying the style property, click Finish on the little overlay above the canvas.

Different Components With Different Style Settings

Sometimes you may try to paste a copied theme where only some of the properties are supported by where you are trying to paste. In this scenario, only the properties that can be applied will be applied.

For example if you copy the theme of a button onto a row, the row will only receive whichever style settings it has in common with the button.