Element Toolbar Main Functions | PageFly Page Editor

In this article, you will learn about the Element Toolbar and how to use it.

1. About Element ToolbarClick to copy

Whenever you select any element in the editor, the element toolbar will appear right away. You will notice a Toolbar sticking to that element as a panel. The color and functions of the panel will change with different container elements.

tool bar

Let’s take a look at the functions of the element toolbar.

2. FunctionsClick to copy

There are 6 main functions for elements.

    1. Move (or Drag and Drop): Select to choose and move the element.
    2. Duplicate: Select to make a copy of the element.
    3. Delete: Select to delete the element.
    4. Copy Styles: Select to copy the style of the element.
    5. Paste Styles: Select to paste the copied style to the element.
    6. Collapse: Collapse the toolbar

With Section and Column elements, there will be other specific functions for each element.

Section

    1. Move (or Drag and Drop): Select to choose and move the element.
    2. Duplicate: Select to make a copy of the element.
    3. Delete: Select to delete the element.
    4. Copy Styles: Select to copy the style of the element.
    5. Paste Styles: Select to paste the copied style to the element.
    6. Save section: Save a section and re-use it on other pages.
    7. Collapse: Collapse the toolbar
Column

    1. Move (or Drag and Drop): Select to choose and move the element.
    2. Duplicate: Select to make a copy of the element.
    3. Delete: Select to delete the element.
    4. Add column to the right: Add one column to the right
    5. Add column to the left: Add one column to the left
    6. Copy Styles: Select to copy the style of the element.
    7. Paste Styles: Select to paste the copied style to the element.
    8. Collapse: Collapse the toolbar

Note for The Copy and Paste Styles features: They are very powerful and useful. They help you to copy and paste the styles you want fast and easily. This helps you to save time and effort when editing if you want to have many similar styles.

However, this Copy and Paste Styles features work with the same element only. For example, you can copy and paste the style of a button to button, you cannot paste the style of a button to other elements.

You can consult the video below:

Navigate this category

Thank you for your feedback!

Could not find the answer
to your question?

Chat with us