Using Page Organizer In Designer Template

How to Use Page Organizer In Designer Template

The primary purpose of Page Organizer is to view the content structure on the editor. The users can navigate quickly to different content of the section page by simply clicking the content in the Page Organizer. Users can also reorder nodes directly in the Page Organizer and it reflects in the editor. If the Page Organizer window is opened and if the user is adding or deleting any content from the editor, the Refresh button is used to view the updated sections in the Page Organizer window.

Content Fragment, Widgets, and Patterns will only display the name of the node. Their sub-nodes are concealed. 

The content inside the columns can be viewed by clicking the drop-down arrow.

1.  
2.  
3.  
4.  
5.  
6.  
7.  
8.  
9.  
10.  
11.  
12.  
13.  
14.  
15.  
16.  
17.  
18.  

 Previous Next

To view the content structure on the Page Organizer:

1. From the Frost dashboard, click the Building Blocks tab on the top menu of the screen.

Note: If you are working on a project page, you need to navigate back to the Frost landing page first.

2. Navigate to the Templates tab.
3. Templates are screen layouts which can be created using various combinations of patterns.
4. Click Create New Template, and enter the Name of the Template.
5. Click the Confirm button to create a blank template.
6. Click the Content button next to the Template to open it in the editor.
7. Create the Template as per your requirement.

To organize the nodes on the Page Organizer:

1. Click the Page Organizer icon on the right panel of the editor.
2. The Page Organizer displays the Sections with the available details in the selected content.
3. Drag and drop the content within the section to reorder.
4. Click the Close button.
5. Click the Save button to update the changes.
6. On successful update, a success notification will be displayed on the screen.
7. To delete the element, click the Delete icon of the corresponding element.
8. ‘Save Changes? ‘ messages will be displayed.
9. Click the Save button to update the changes.
10. On successful update, a success notification will be displayed on the screen.

Note: On hovering, the rename option will be available only for Widget and Patterns.

On hovering, the node is highlighted.

Column content can only be moved within the component. The Number of columns is set in the settings. If all of the content in a given column is deleted, the column is not deleted. It remains empty.