The user can access the "Detail" tab by selecting a Project ID in the table on the Projects Tab. Upon selection of the desired project, the map will be zoomed to the project's locations on the map, and the user will be toggled to the Detail tab which can be used to view and edit detailed information about the project.

Tab Setup

The Project Detail tab is composed of four parts: (1) Detail Header, (2) Project Header, (3) Subsections, and (4) Footer. Each of these are shown in the image with corresponding numbers to the list above, and they are described in detail below.

Detail Header

The Detail Header rests at the top of the tab and is "sticky", meaning it will stay stationary and viewable as the user scrolls. It includes navigational tools, the STIP/TIP banner, and pane sizing tools. The elements located here are:

• Back Arrow - Navigates the user back to the Projects tab.
• STIP/TIP Banner - Indicates the STIP/TIP version the user is viewing (icon, year range, abbreviation, and distinguishing color).
• Project Tabs - Indicates that the user is on the Detail tab and allows the user to navigate to the Related or History tab.
• Collapse Caret - Closes the sidebar; this can be reopened by this caret.
• Full Screen Icon - Opens the side pane Detail tab into a full screen version. Once in full screen, the user can change the tab back to a side pane view using this icon.

Project Header

The Project Header rests below the Detail Header and is also "sticky" as the user scrolls. It lists the general information for the project, namely the Project Title, Project ID, Version, Project Summary Report, and Project Actions.

• Project Title - This read-only field displays the given title for the project.
• Project ID - This read-only field shows the Project ID for the project.
• Version - This picklist allows the user to select a Revision associated to the selected STIP/TIP to view in the tab. This picklist will only be available for Active and Historical STIPs/TIPs.
• Project Summary Report - This button runs the Project Summary Report in PDF format for the current project and version selected.
• Project Actions - The three dots () allow the user to choose an action for the project. The options here are Copy, Move, Combine, Add Child, and Remove. Click here to learn more about Project Actions.

Sections

Below these headers, the Detail tab will be composed of expandable sections with project-specific information. Initially, the Project Details section will be expanded and viewable, but it can be collapsed using the caret icon (). The scrollbar can be used to view the other sections; they can be expanded using the caret icon (). To view more information about these sections, visit their articles in this section.

1. Project Details ()
2. Location ()
3. Documents ()
4. Funding and Outlay ()
5. Project Comments ()
6. Pending Actions ()
7. Custom Project Attributes ()

Footer

At the base of the Detail Tab, the user can choose to expand or collapse all sections through the available links. The user can also view a message detailing the number of items changed. This message will appear on the lefthand side of the footer. If changes are made in the Detail tab, the action buttons will appear on the righthand side of the footer. These include Cancel and Save.