Design Tree

The Design Tree sidebar (screenshot below) provides an overview of the SPS design.

At the root of the Design Tree is the name of the SPS file; the location of the file is displayed in a pop-up when you mouseover. The next level of the Design Tree is organized into the following categories:

The following toolbar icons are shortcuts for common Schema Tree sidebar commands.

	Adds a Design Fragment, main template, or layout item to the design. Clicking the left-hand part of the icon adds a Design Fragment. Clicking the dropdown arrow drops down a list with commands to add a Design Fragment or any of various layout items.
	Remove the selected item; icon is active when item in the Global Templates or Layout sub-trees is selected.
	Synchronize tree toggle. When toggled on (icon has border), selecting a node in the tree selects (i) the corresponding node in the design, and (ii) the corresponding node in the schema tree if the Synchronize Tree icon in the schema tree is toggled on. When toggled off, the corresponding nodes in the design and schema tree are not selected.
	Auto-collapses items in the design tree when the selection is synchronized.

The display of the Design Tree can be modified via the context menu (screenshot below), which pops up on right-clicking an item in the Design Tree.

Add	Enables a main template (when none exists) and a design fragment to be added.
Remove (Item)	Removes the selected item from the Design Tree and the Design.
Rename	Enables Design Fragments to be renamed.
Move Up/Down	Disabled.
Open defining module	Disabled.
Expand All	Expands all expandable items in all categories of the Design Tree.
Collapse All	Collapses the entire Design Tree to the top-level item, which is the location of the SPS file.
Expand from This Point	Expands all expandable items in the selected item.
Collapse to This Point	Collapses all items within the selected item, up to the selected item.
Expand/Collapse All to This Level	Expands or collapses all categories to the level of the selected item.

The Scripts listing displays all the scripts in the Design, including those in imported modules. The Main Template listing displays a tree of the main template. Items in the tree and the design can be removed by right-clicking the item and selecting Remove.

The Global Templates item lists all global templates in the current SPS and in all added SPS modules. Global templates defined in the current SPS are displayed in black, while global templates that have been defined in added modules are displayed in gray (see screenshot below). Each global template has a check box to its left, which enables you to activate or deactivate it.

A global template in the current SPS (not one in an added module) can be removed by selecting it and clicking the Remove button in the toolbar or the Remove command in the context menu. The component is removed from the design and the tree.

The Design Fragments item lists all the Design Fragments in the current SPS and in all added SPS modules. Design Fragments defined in the current SPS are displayed in black, while Design Fragments that have been defined in added modules are displayed in gray (see screenshot below). Each Design Fragment has a check box to its left, which enables you to activate or deactivate it. A Design Fragment in the current SPS (not one in an added module) can be removed by selecting it and clicking the Remove button in the toolbar or the Remove command in the context menu. The component is removed from the design and the tree.

Each Design Fragment is designed as a tree with expandable/collapsible nodes. Any component in a Design Fragment tree (that is defined in the current SPS) can be removed by selecting it and clicking the Remove button in the toolbar or the Remove command in the context menu. The component is removed from the design and the tree.

The Page Layout item lists the cover page, header, and footer templates for printed media output. Also, layout items from added modules are listed. Any item can be activated or deactivated by, respectively, checking or unchecking its check box. See Designing Print Output for details of how to create these layout items. In the Design Tree sidebar, layout items can be removed by selecting it and clicking the Remove button in the toolbar

or the Remove command in the context menu. The component is removed from the design and the tree.

Designing Print Output, for a description of how to define page properties and create page layout items.