Navigation:  GUI Introduction >

Outline View

Previous pageReturn to chapter overviewNext page

The outline view gives you the overview of the plot content.  The content of the plot will be listed as tree structure.  All pages will be listed as top level tree node and the elements inside will be placed under the page node.  If the element contains embedded element, the embedded elements will be listed as child nodes (with light blue text color).  You can also use this view to manage the content of your plot.


Filter Content

If you want to quickly locate the content you are interested, you can input the keyword in the "Filter..." box on top of the view.  Below is an example that filters the content by "button" keyword:


Select Page or Element

There is a check box on the left of every node in the tree view, you can single click this check box to select the corresponding page or element.  Selecting the parent node will automatically select its child nodes as well.  Selecting elements here may be easier for you if you are dealing with a complex page with many overlapped elements.

Please notice that, clicking on the checkbox has different behavior than clicking on the text label of the node. Clicking on checkbox will add/remove current node into/from selection, and will not clear the existing selection. While clicking on text label will clear existing selection and only select the node being clicked.


Clicking the select_all_nodes_button button in bottom toolbar can select all elements in the current page.  Clicking the unselect_all_nodes_button button in bottom toolbar can unselect all elements in the current page.

Show/Hide Element

In outline view, you can show/hide the selected elements as you need.  You can click the outline_show_node button to show selected elements, and you can click the outline_hide_node button to hide selected elements.  Below is an example that hides two selected elements.


Remarks: the elements hidden by outline view are still present in your plot, they are just not rendered.  Hiding elements here will not affect their actual status, they are just temporarily hidden.  This feature is very useful to give you a clear view of content that covered by other content.

Embed Element by Drag and Drop

You can drag and drop the current selected elements into container in the outline view.  This is a fast way to embed element into container.


Please notice the tool tip when hovering on the container element, sometimes the container refuse the incoming element for some reasons, here is an example:


The embedding is refused because the element is not within the container's area.  In this case you move the element into the container's bounds and try again.

You can find more details about embedding element on Conjoin Multiple Elements section.

Change Element Order

In ForeUI, the way that elements overlap each other is decided by the the element's order and its Z value.  If two elements have the same Z value, the one with smaller index will be rendered first (and be covered by the other element).  So changing element's order is very useful to adjust the element overlap order.

You can change the element's order in the outline view by selecting it and click the move_up_button or move_down_button button at the bottom, you will see the rendering order is changed accordingly.

Show/Hide Non-Current Pages

Here you can toggle the toggle_current_page_only button to show/hide the non-current pages. When this button is pressed, only the content in current page will be listed in the outline view.

Collapse/Expand All Nodes

By clicking the collapse_all_button button, you can collapse all nodes in the outline view.

By clicking the expand_all_button button, you can expand all nodes in the outline view.