Using Page Organizer In Designer Editor

How to Use Page Organizer In Designer Editor 

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.  

   Previous    Next

  

To view the content structure on the Page Organizer:

1. In the Project, select the Content node from the Outline to open it in the editor.
2. Alternatively, users can also switch to Author mode and select the Content node.
3. Click the Page Organizer icon on the right panel of the editor.
4. The Page Organizer displays the Sections with the available details in the selected content.
5. Click the appropriate content to view its details.

To organize the nodes on the Page Organizer:

1. In the Project, select the Content node from the Outline to open it in the editor.
2. Alternatively, users can also switch to Author mode and select the Content node.
3. Click the Page Organizer  on the right panel of the editor.
4. The Page Organizer displays the Sections with the available details in the selected content.
5. Drag and drop the content within the section to reorder.
6. Click the Close button.
7. Click the Save button to update the changes.
8. On successful update, a success notification will be displayed on the screen.
9. To delete the element, click the Delete icon of the corresponding element.
10. ‘Save Changes? ‘ messages will be displayed.
11. Click the Save button to update the changes.
12. 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.