Tutorial

104 vFoglight
Web Component Tutorial
All the table’s columns are set in this section. Later, they can be organized in
groups.
6 Click the Edit ( ) icon on the column’s Va lue row and choose Context
Selection from the popup.
The Edit - Value dialog appears.
7 Select currentRow for the Input Key.
8 Choose name for the Path.
9 Click Save in the Edit - Value dialog.
10 Check Show Advanced Properties so that you can set the header for this
<currentRow>/name column.
11 Click the Edit ( ) icon on the column’s Header row and choose Rich Text
Template. Type Host Name in the Va lue field, then click Save.
Note that by using a Rich Text Template you can provide localized text for your
headers.
12 Click the Edit ( ) icon on the column’s ID row, type Host Name in the String
value field, then click Save.
Note Each entry in the columns that you define must have an ID set so that they can be
associated with a group.
Add 12 more columns in four groups
At this point you are going to add 12 more columns in four groups: CPU,
Memory, File System, and Network to complete the definition of the table.
To create the groups:
1 Expand the Groups node and click the Add Group ( ) button to start a new
group.
2 Set the group header to CPU Utilization.
3 Add three more groups: Memory, File System and Network.
4 Set the group Header: Memory:
5 Set the group Header: File System:
6 Set the group Header: Network:
To create the columns:
1 Expand Columns and click the Add Column ( ) button.