More About the Navigation Bar

As you add components to your report, Stylus Studio adds glyphs that represent them to the canvas navigation bar. You can click these glyphs to place the editor's focus on a specific component; similarly, when you select a component from the canvas, the glyphs in the navigation bar change to reflect the editor's current focus.

Consider the following report - it contains two tables, each with a number of columns, and some text headings.

Figure 490. Report Body Glyph Collapsed by Default

The Body glyph in the navigation bar represents the report's body. The dark blue means that the report body - the table headings and empty paragraph markers - has the editor's focus. In other words, any editing performed now - changing the text to italic, or making the background a different color, for example - would affect every object in the report body.

The plus sign next to the Body glyph indicates that the report body has at least one child. Our report has two children - the table containing video data, and the table containing book data. If we click the plus sign, Stylus Studio displays a drop-down menu that lists the children of the report body, and we see the entries for the video and book tables.

Figure 491. Plus Sign Indicates Children

Click the Glyph to Navigate

You can use the glyphs in the navigation bar to quickly change the editor's focus to the component you select. If we select book from the Body glyph drop-down menu, for example:

The editor's focus moves to the book table. Notice the dashed line around the table in Figure 492.

The navigation bar changes to reflect the editor's focus.

Figure 492. Clicking Navigation Bar Glyphs Changes Editor Focus

Notice that the book glyph, which represents the table containing book data, has two symbols to its right:

The plus sign, which indicates that the table has children. A table's children are its cells.

The down arrow, which indicates that the table has siblings. In this example, the table containing video data is the sibling of the current table.

If we now click a cell directly, say, the cell containing author data, notice how the navigation bar changes:

Figure 493. The Navigation Bar Operates as a Tree Based on Report Context

In this fashion, the navigation bar operates a tree, always showing you the report component that currently has focus. Components are displayed from the most general to the most specific. Look at the navigation bar in Figure 493. When the author glyph in the table is selected, the glyphs in the navigation bar are interpreted this way (from left to right):

Table 173. Explanation of Example Navigation Bar Tree
Navigation Bar Glyph	Represents
	The entire report. Every other component is a child of the body component.
	The `book` table. The down arrow means that the table has siblings.
	The cells in the `book` table. The down arrow means that the cell has siblings - the other cells in the table.
	The list component built on the `author` element.
	An item in the list component.
	The dynamic value of the `author` element. It is dark blue because in our example (Figure 493), it is the report component that currently has focus.