This section provides a quick reference guide to the main elements of the Flex Client application user interface. For procedures to get started with Flex Client, see Basic Procedures.
Flex Client Application Screen
The Flex Client application screen displays many functional components in multiple panes, divided by splitters.
If you resize the browser window below 640 pixels, the screen is grayed out, the Flex Client application cannot be used, and a message asks to increase the window width.
1 | The point of entry to a set of Flex Client functions. |
2 | Overview of the events in the system. |
3 | Work area | Large area below the Summary bar. The applications displayed here will vary depending on the system function that is being used. See System Monitoring and Event Handling. |
You can interact with the Flex Client screen to perform actions and change what currently displays in a variety of ways. These include:
- Interacting with the panes and accessing a series of system functionalities (layout, account, and so on). For instructions, see Basic Procedures.
- Navigating the system:
- Select an object in System Browser to propagate its information to the pane on the right (see Primary Selection Workflow). Then select an object in the pane on the right to propagate its properties and commands to the pane at the bottom (see Secondary Selection Workflow).
- Select next to an object (or group of objects) in System Browser and choose whether to propagate (send) its information to the pane on the right (see Primary Selection Workflow) or to the Comparison pane (see Send to Secondary Workflow).
- Drag objects from System Browser to perform certain tasks.
You can also navigate back and forth through the web browser navigation history, and save bookmarks to individual pages of the Flex Client application. Note that bookmarks created with a previous version of the Flex Client application will not work because of different URL structure.
Horizontal Navigation Bar
A horizontal navigation bar is located along the top of the system screen. It has a set of system functions of the Flex Client application.
1 | Company logo | Select this logo to refresh the Flex Client page and display your favorite homepage. For more details, see Set Your Flex Client Favorite Homepage. |
2 | Select this button to display the system monitoring context. |
3 | Select this button to display the event handling context. |
4 | Messages | Notifies the operator about Flex Client notifications from the different system applications (for example, new active events, suppressed objects, and so on) that have occurred since the last time the operator checked on the management station. This counter is reset every time the Flex Client application is started. To view messages, see Viewing Flex Client Notifications. |
5 | Layout | Status Bar Height | Reduce or expand the Summary bar1):
NOTE: If the Summary bar is already reduced because of low screen resolution, these icons will not be available. |
Pane Layout | Manage the different pane layouts. For instructions, see Change Layout. | ||
Text Representation | Set how system objects are labeled. | ||
or | Unlock or lock the panes layout.1) NOTE: When the panes layout is locked, you cannot resize, expand, or collapse the panes. | ||
Restore Default Layout. |
6 | System information | From here, operators can access:
For instructions, see Display System Information. |
7 | Initials of the current user | From here, operators can access the following:
|
1) | The green color indicates the current setting. |
Summary Bar
The Summary bar is located below the horizontal navigation bar, and has a series of event lamps, which provide an overview of the events in the system, grouped by category.
1 | Event lamps | Summarizes the events in the system, grouped by categories (see Event Lamps). |
2 | Buzzer | The buzzer is the sound emitted by a client station to notify the operator of events in the Flex Client application. A button on the Summary bar indicates the status of the buzzer:
When a new event occurs, the client station emits an audio alert that continues for as long as that event remains unprocessed (that is, unacknowledged by the operator). |
System Monitoring
When you select System in the horizontal navigation bar, the system monitoring context displays.
1 | Selection pane (vertically along the left). It contains System Browser (a browser for navigating and selecting system objects). |
2 | Depending on the type of layout, one of the following:
|
3 | Underneath the Primary pane, depending on the type of layout, one of the following:
|
System Monitoring Layouts
The available layouts vary depending on the browser window size or screen resolution (see the following table for reference).
Layout1) | Panes | Screen size | Minimum screen resolution |
Single pane (Depending on the project configuration, one or more of the following: Textual Viewer, Properties, Related Items, and so on) | Any screen size | 640 pixels | |
2-pane | Selection (System Browser) Primary (Depending on the project configuration, one or more of the following: Textual Viewer, Properties, Related Items, and so on) | 9.7” (standard mobile devices in landscape orientation) | |
3-pane | Selection (System Browser) Primary (Depending on the project configuration, one or more of the following: Textual Viewer, Graphics Viewer, Trends, and so on) Contextual (Properties and Related Items) | ||
4-pane (default) | Selection (System Browser) Primary (Depending on the project configuration, one or more of the following: Textual Viewer, Graphics Viewer, Trends, and so on) Contextual (Properties) Related (Related Items) | 12.9” (large mobile devices in landscape orientation) | 1075 pixel |
3-pane, including Comparison pane | Selection (System Browser) Primary (Depending on the project configuration, one or more of the following: Textual Viewer, Graphics Viewer, Trends, and so on) Comparison (see Primary) Contextual (Properties and Related Items) | Large monitors | 1360 pixels |
4-pane, including Comparison pane | Selection (System Browser) Primary (Depending on the project configuration, one or more of the following: Textual Viewer, Graphics Viewer, Trends, and so on) Comparison (see Primary) Contextual (Properties) Related (Related Items) |
1) | The green color indicates the current layout. |
Event Handling
When you select Events in the horizontal navigation bar, the event handling context displays.
1 | The pane below the Summary bar contains Event List, which is the event handling application. |
2 | The pane to the right of Event List contains any event-related applications, such as Event Details and Properties. |
Event List Layouts
Layout1) | Pane |
single pane | Event List pane (Full Event List) |
2-pane(default) | Event List pane (Event List) Event Details and Properties pane |
Investigative Treatment Layouts
The available layouts vary depending on the browser window size or screen resolution (see the following table for reference).
Layout1) | Panes | Screen size | Minimum screen resolution |
2-pane | Selection (System Browser) Primary (Depending on the project configuration, one or more of the following: Graphics Viewer, Textual Viewer, , Properties, Related Items, and so on) | 9.7” (standard mobile devices in landscape orientation) | 640 pixels |
3-pane | Selection (System Browser) Primary (Depending on the project configuration, one or more of the following: Graphics Viewer, Textual Viewer, and so on) Contextual (Properties and Related Items) | ||
4-pane (default) | Selection (System Browser) Primary (Depending on the project configuration, one or more of the following: Graphics Viewer, Textual Viewer, and so on) Contextual (Properties) Related (Related Items) | 12.9” (large mobile devices in landscape orientation) | 1075 pixel |
3-pane, including Comparison pane | Selection (System Browser) Primary (Depending on the project configuration, one or more of the following: Graphics Viewer, Textual Viewer, and so on) Comparison (see Primary) Contextual (Properties and Related Items) | Large monitors | 1360 pixels |
4-pane, including Comparison pane | Selection (System Browser) Primary (Depending on the project configuration, one or more of the following: Graphics Viewer, Textual Viewer, and so on) Comparison (see Primary) Contextual (Properties) Related (Related Items) |
1) | The green color indicates the current layout. |
Primary Selection Workflow
The following graphic shows the typical workflow for navigating the system from the Selection to the Primary and Contextual panes.
- In the Selection pane, select a view (1) in System Browser. In this example, Application View.
- The selected view displays in the System Browser.
- Do one of the following:
- Select the object (2) you want to work with. In this example, Event Level Sprinklers.
- Next to the wanted system object, select , and then choose Send to Primary.
- In the Primary pane, the data about the selected object is displayed. In this example, a graphic in the Graphics Viewer tab (3).
- In the Contextual pane, the properties of the selected object display in the Properties tab (4).
Secondary Selection Workflow
The following graphic shows the propagation of the selection from the Primary to the Contextual pane.
- The wanted system object is selected in System Browser, and its data is displayed in the Textual Viewer. In this example, Level 0.
- In the Textual Viewer, select a row corresponding to the system object whose selection you want to propagate to the Contextual pane (1). In this example, Level 0.
- In the Contextual pane, the properties of the selected system object display in the Properties tab (2). In this example, Level 0.
Send to Secondary Workflow
The following graphic shows the propagation of the selection from a system object to the Comparison pane.