Skip navigation header
Common User Interface Elements Previous Topic
Previous Topic
Next Topic
Next Topic

Page Layout & Menu Structure

Overview

This page describes a common layout of the web pages in this system, including the menus and cues that control how you move about within the system. Most pages in the system are laid out like the page presented here, so once you become familiar with this navigation strategy, you will be able to work in the system with very little difficulty.

The figure below illustrates the screen layout you will see when you are in the Air Services System system. (Anything you see on the screen that does not appear in this figure is a part of the Ohio EPA e-Business Center, not the Air Services System.)  Each of the numbered items on the screen is explained in a section that follows the figure.

Common Page Layout in Air Services System

Figure 1: Air Services System Common Page Layout

This Help topic page contains the following sections which correspond to the numerical markers in the figure above:

  1. Help Link
  2. Tabs
  3. Third-Level Menu
  4. Page Title & Breadcrumbs
  5. Page Header
  6. Data Content Area
  7. Footer Links
With some minor variations, elements of the screen layout described here apply to all the content screens for this sytem; that is, the screens that provide information and access to operations for you to perform. 


Help Link

In the upper right corner of each Air Services System page you will find a hyperlink labeled Help.   This Help link, takes you to specialized, page-specific information that provides you with help for whatever page you access it from, including all the operations available on that page. So, for instance, if you click Help from the Facilities --> Facility Profile page, a pop-up window will give you information about that page, including the meaning of the information you see on that page, and the activities and operations you can perform from that page.

The figure below illustrates a Help topic window, in this case for the Facility Profile History page, accessible via the Facility Profile History link on the third-level menu at the left side of the Air Services Home page.

Help topic pop-up window
Figure 2: Help Topic Pop-up Window for Facility Profile History Page

You may use links offered on the Help topic page to navigate from that window to other Help topics, if you choose to do so. Otherwise, you may return to the window from which you accessed Help by closing the Help window using on the close-window icon icon in the upper left corner of the pop-up window.

Back to Top


Tabs

Just below the Help link, you will find a series of tabs that go across the screen. The tabs, which look like the tabs you might see in a notebook, are associated with the various information and operations available to you in the Air Services System. Figure 3 shows all the tabs that may appear to help you navigate and work in the Air Services System.

Portal tabs
Figure 3: Available Tabs in the Air Services System

When you first enter the Air Services System from the eBusiness Center, only the Air Services Home tab is visible. Once you select a link or operation for which the system uses a different tab, that tab becomes visible. For example, if you click on Facility Profile History on the Air Services Home page, the system displays that page, which is under the Facility tab, so that tab becomes visible to you, and stays visible. Any time you are accessing a page under a particular tab, that tab is highlighted. Once a tab is visible, you may select it at any time to return to the initial page under that tab.

Back to Top


Third-level Menu

On screens under some tabs, notably the Air Services Home tab and the Facility tab, you will find a panel at the left of the screen containing a bullet list of hyperlinks. This is the menu that DAPC refers to as the third-level menu. Each bullet item represents a set of information related to the subject of the currently highlighted tab. Figure 4 illustrates the third-level menu associated with the Air Services Home tab.

left navigation menu for
Air Services Home tab

Figure 4: Third-level Menu for Air Services Home Page

Note that information presented via third-level menu links is read-only. That is, you cannot modify data from screens accessed via a third-level menu menu link. Pages associated with the tasks you select on the Air Services Home page, whether under New Tasks or In-Progress Tasks allow you to modify data and view data you may have modified earlier (but not yet submitted). See Air Services Home Help topic for more information on using these links.

Back to Top


Page Title & Breadcrumbs

Each page you view in the Air Services System has a page title at the top, which the system presents in a larger, green font. The page title string reflects the last information link or operation you selected or the system accessed on your behalf. Above the page title you will see one or more links referring to other pages in the system. These are called breadcrumbs. Breadcrumbs are a common mechanism for web pages to show you a navigation path to your current page. Since the breadcrumbs are links, they also give you direct access to the higher level page(s) associated with the page you are on. A link on the third-level menu at the left of the screen will be highlighted if you navigated to this page from that menu. In this system, the page title and breadcrumbs appear immediately under the tabs, to the right of the third-level menu at the left. Figure 5 illustrates the page title and breadcrumbs for the Control Equipment Information page offering for your facility.

tabs, left nav menu, page title, 
and breadcrumbs
Figure 5: Page Title and Breadcrumbs for Control Equipment Information Page

You can select any of the items in the breadcrumb navigation path to return to the screen at that level.

Back to Top


Page Header

On each page, immediately under the page title, you will find a common page header, as shown in Figure 6.

portal page header
Figure 6: Common Page Header Format

The page header normally contains the ID and Name of your facility along with salient details selected to provide a high-level overview of the entity represented by the information on the the page. Figure 6 illustrates the header for any page accessible directly from the Facility tab or from any third-level menu link on the left on theAir Services Home tab.

Back to Top


Data Content Area

The content area of the screen is everything you see between the page title shown in the above figure and the hyperlinks in the footer described below, whether or not there is a menu or tree region visible on the page you are currently viewing. This area of the screen presents the available information about the entity you have accessed, whether directly through your explicit selection, or through system action. In some cases, there are multiple screens associated with the entity. The first screen you see is the highest level, or most general, data for your selection. The content area of the screen is described in detail in the Detail Data Help topic.


Back to Top



Hyperlinks in the Screen Footer

The system provides access to a lot of information and many operations for your use. As a result, you may have to use the scroll bars at the right and on the bottom of the screens in order to access all the information and operation buttons offered on a particular screen.  For convenience, the system provides short-cuts in the footer at the bottom of the screen to each visited tab and to the Help link. This saves you from having to scroll back up to the top of the screen in order to access those tabs and links. The figure below illustrates the common footer. 

Screen Footer on a portal screen

Figure 7: Common Footer Hyperlinks 

In this figure, you can tell that this footer was taken from a screen under the Facility tab because the Facility link is highlighted.

Back to Top