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

Horizontal navigation bar

The point of entry to a set of Flex Client functions.

2

Summary bar

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):

  • (default, reduced height)
  • (expanded height)

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:

  • Help
  • About

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).
You can select an event lamp, to open Event List filtered by that category. For instructions see, Filter by Category with 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.
If a site has multiple client stations, each one will emit its own sound.

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).
If there are multiple incoming events, the buzzer continues to sound for as long as any of them remain unprocessed.
The buzzer ceases when the incoming events have been acknowledged.
The specific buzzer sound can vary depending on the type of event and is configuration-dependent.
In case of multiple events, the buzzer sound will be the one for the most important (severe) event, irrespective of any filters or sorting you may have applied to Event List.

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).
NOTE: Depending on how the Selection pane width is reduced, the System Browser displays its objects in a hierarchical structure where you can expand a parent node to display its child nodes, or the tree will display as a flat list.

2

Depending on the type of layout, one of the following:

  • Primary pane (to the right of the Selection pane). Depending on the project configuration, other applications become available to the left of System Browser for the selected system object. For example, Textual Viewer (a viewer of details of objects), and Graphics (a viewer for displaying site floor plans).
  • Primary pane and Comparison pane (opens alongside the Primary pane)
    NOTE: When the browser window size is reduced or the screen resolution is less than 1360 pixels, it is not possible to display the Comparison pane.

3

Underneath the Primary pane, depending on the type of layout, one of the following:

  • Contextual pane that contains applications such as Properties (a viewer for inspecting and commanding the properties of objects) and Related Items (list of items related to the selected object).
  • Contextual pane (which contains Properties) and Related pane (alongside the Contextual pane, which contains Related Items).

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.

 

  1. In the Selection pane, select a view (1) in System Browser. In this example, Application View.
  • The selected view displays in the System Browser.
  1. 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.

 

  • The screen resolution is 1360 pixels.
    NOTE: When the browser window size is reduced or the screen resolution is less than 1360 pixels, it is not possible to display the Comparison pane.
  1. In the Selection pane, select the object (1) you want to work with. In this example, Level 0.
  • In the Primary pane, the data about the selected object is displayed. In this example, a graphic in the Graphics Viewer tab (2).
  1. Next to the system object you want to compare (in this example, Level 0), select , and then select Send to Secondary (3).
  • The Comparison pane opens to the right of the Primary pane (4). The data about the selected object is displayed here. In this example, a graphic in the Graphics Viewer tab (4).
  1. Select X (5) to close the Comparison pane.