Tutorial

50 vFoglight
Web Component Tutorial
Objectives of Tutorial 2
There are two main ways of presenting visual information about a group of objects. One
is to list the objects on a page and to organize it so that the information about each
object appears with it on the same page. We chose a table layout in Tutorial 1 with this
objective in mind. We can add other bits of information to the same row as the host and
keep things together that way.
The other way of presenting information is as separate pages, one for each item in the
original list. This way is appropriate when the visual component presenting the
information is too large to fit on the parent page.
The objectives of Tutorial 2 are:
• Add columns to the table of hosts to show the aggregate alarm state. This places
visual information about the host on the row adjacent to its name.
• Add a drilldown page that presents information about the chosen host. This
permits you to show much more information about each individual host.
The primary objective of this tutorial is to demonstrate the addition of a drilldown page
whose content depends on the particular choice made in the parent page, and in so
doing, demonstrate the use of a context and a flow. The terms context and flow are
described in detail in the Web Component Framework User Guide.
Adding an Alarm Icon to the Table
To add a column of aggregate alarms to the table of hosts:
1 Choose Configuration > Definitions.
2 Choose My Definitions in the list of modules and click the Views tab in the
Module Contents pane.
The group of views available for this module appears.
3 Choose Monitored Hosts.
The Definitions view pane fills with the parameters that currently define the table.
4 Click Edit.
The General tab of Monitored Hosts appears in the pane.
5 Since our purpose is to add a column to the table, select the Configuration tab.