How to Create Page Outline for PageFly Pages

1. About the Page Outline

Have you ever wondered how you could keep track of all of the sections and elements on your page like a whole picture? Page Outline Layout is the answer to that question.

1.1. What is Page Outline?

The outline is just a simple record of sections, rows, columns and specific elements used on your page. Thanks to this feature, you can easily navigate to the element you would like to work on by clicking on the name of that element on the layout.

1.2. Access the Page Outline

Step 1: Click on the Page Outline button (the first icon from the top) before the Element Catalog

Step 2: Normally, your page is divided into sections. To explore more of what each section contains, open it by clicking on the arrow next to each section. There will be Row, Column, and other elements inside.

2. Page Outline Configuration

2.1. Rearrange the Positions

You can rearrange the positions of sections, columns, rows, or elements. The outline allows you to drag the section to the position you want as long as these objects are on the same level.

2.2. Show and Hide

​​You can show and hide sections, rows, columns, or elements with just one click on the eye right next to the section, rows, columns, or elements.

Please note that this section will apply to the device that you are on. For example, if you are working on a mobile view, the “hide” action will only be applied to the mobile view.

In the page outline, the hidden section will be blurred when you hide it on a device and then you can recognize it on the corresponding device.

2.3. Rename, Duplicate or Delete

To do these actions, please click the three dots on the right. You will find the options of rename, duplicate or delete.