Viewing Codes

TABLE OF CONTENTS

• Opening Codes in Landscape view
• Opening Codes in Portrait view
• Navigating Codes
  • Navigating Within a Code in Landscape view
  • Navigating Within a Code in Portrait view
  • Section Navigation History Widget
  • Switching Code Version (Landscape view)
  • Switching Code Version (Portrait view)
  • Treemap Visualization Navigation

Opening Codes in Landscape view

1. Click ‘Library on the top menu bar

2. Select the code you would like to review.

3. The first time you open a given code you will be presented with a dialog that contains some important release notes, and copyright information. Make sure to read it. If these notes change in the future, the dialog will again be displayed with updated information.

4. The Release Notes and copyright information is accessible at any point by clicking on Description button.

Opening Codes in Portrait view

1. To access the code library from any page, click the menu option in the top left corner of the screen.

2. Click the ‘Library’ button to open the code library.

3. Select the code you would like to review

4. The first time you open a given code you will be presented with a dialog that contains some important release notes, and copyright information. Make sure to read it. If these notes change in the future, the dialog will again be displayed with updated information.

5. The Release Notes and copyright information is accessible at any point by clicking on Description button.

Navigating Codes

Navigating Within a Code in Landscape view

1. The table of contents for code is shown on the left-side of the page after selecting your desired code. An arrow next to a section header in the table of contents indicates that there are more hidden subsections within that section. Clicking this arrow expands the table of contents to show more specific code sections. Clicking on the section in the table of contents that has subsections will also expand it and will navigate to that section.  Clicking on any code section on the table of contents to be brought to it. 
2. Clicking on the section text in the Document panel, will select that section, changing the background color of the section, reviling action buttons in the top right corner, and syncing selection in the table of contents.
3. Previous and Next buttons can be used to traverse the code sections in the order they appear in the document.

Navigating Within a Code in Portrait view

1. In Portrait mode, to open Table of contents, click Table of content button in the top left corner Figure 4 (1). An arrow next to a section header in the table of contents indicates that there are more hidden subsections within that section. Clicking this arrow expands the table of contents to show more specific code sections. Clicking on the section in the table of contents that has subsections will also expand it and will navigate to that section.  Clicking on any code section on the table of contents to be brought to it. 
2. Clicking on the section text in the Document panel, will select that section, changing the background color of the section, reviling action buttons in the top right corner, and syncing selection in the table of contents.
3. Previous and Next buttons can be used to traverse the code sections in the order they appear in the document. 

Section Navigation History Widget

As you navigate the sections of the code within a given session, the last 20 sections you visited will be available within the Section Navigation History Widget. Clicking the rewind clock button (1) navigates to the previous section in the history stack, while clicking the arrow opens a drop-down with the list of previously visited sections. The widget is displayed in both landscape and portrait view.

Switching Code Version (Landscape view)

If a given code has different versions, such as a release year, and you would like to use older version, you can select the version in the “Versions” Dropdown

Switching Code Version (Portrait view)

If a given code has different versions, such as a release year, and you would like to use older version, you can 

1. Open Table of Contents Drawer
2. Select the version in the “Versions” Dropdown at the top of the drawer.

Treemap Visualization Navigation

Treemap Visualization allows you to see the whole table of contents in a single view, to both give an overall overview of the code structure and to quickly drill down to a specific are of the code.

1. You can access the Treemap Visualization by clicking Treemap icon in the top right.
2. After navigating to a specific section, you can close the Treemap by clicking the close button in the top right. The code will navigate to the top level section that was selected in the Treemap view.