Chat now with support
Chat with Support

Foglight for Virtualization Enterprise Edition 8.9 - Web Component Tutorial

Using the Web Component Tutorial Tutorial 1: Drag and Drop Tutorial 2: Creating a Dashboard Tutorial 3: Adding a Drilldown Page Tutorial 4: Adding Views Tutorial 5: Using a Grid Tutorial 6: Reports Tutorial 7: Creating a Form Tutorial 8: Renderers Tutorial 9: Adding Questions and Answers Tutorial 10: Sending Messages to Other Users

Additional activities

Here are some activities that will deepen your understanding about formatting views in a grid.

Adjust the layout by fitting cells

You probably noticed that the layout in this tutorial leaves quite a bit of room for improvement. The Properties dialog box for each view in the grid’s layout is a good place o start.

Experiment with making these changes to the layout properties:

Remove the title and border from the Host Chooser DDL T4 view. There is no need for these items because they take up space needlessly. For future reference, realize that setting a title automatically ensures that a border appears, but setting a border does not automatically cause a title to appear.
Set the widths of the two charts to Automatic and the horizontal alignment to Fit Cell. Set the vertical alignment to a fixed number. This causes the charts to align themselves nicely. Later, you can also experiment with weights to see how using simple small numbers adjusts the proportion of space given to one component in comparison to another.
Set the width of the table to Automatic, the Column Span to 2, and Scroll Bars to Auto.

The following figure gives and indication of the expected result:

Figure 8. Final dashboard

 

Tutorial 6: Reports

By now you should be comfortable with creating and using some of the commonly-used components in the Web Component Framework. We put them to work in this tutorial to show you how to create a report from scratch.

TIP: You can create reports easily using the Reports home page. For instructions, see the Foglight® User Help. While the online help provides detailed information about reports and hands-on instructions, this tutorial exposes a deeper level of report generation and is geared toward a technical audience.

There are a number of report examples that are included in the Foglight user interface, but it is likely that as you become more experienced, you want to create your own custom reports that match your exact needs. This tutorial helps you get started.

Along the way, you learn about these additional components: PDF Layout, Page Decoration, and Iterator.

PDF reports are useful for archiving the status of your systems as well as for communicating its recent operational level to interested parties. Whatever your needs, the ability to create informative reports is important. The information needed in a report and the way it should be displayed vary from one enterprise to another, so typically reports are designed on site to meet local needs. This tutorial outlines the way that you can create Foglight® reports using the Web Component Framework.

The objectives of Tutorial 6 are:

You begin by constructing the required query. Next, you create a simple report page that contains an existing view. Finally, you create a more complete report that contains a header, a footer, and an iterated view of host data. The design schematic is shown in the table.

Single page: Utilization Summary for All Hosts

Iterated page: System Load Summary. Each page presents a time plot of host statistics and a table of high, low, and average values for selected metrics for the chosen time period.

Configuring a Query

This tutorial requires a list of hosts, just as in Tutorial 2, but this time we demonstrate a way of accomplishing the objective by using both a query and a context setting. First, you build a query that returns a HostModel, and then you will a context setting to select hosts from the HostModel object returned by the query.

The Add Query dialog box appears.
2
In the Add Query dialog box, on the Create a Blank Query tab, in the Name column, click Host Model (with Monitoring in the Namespace column), and then click OK.
3
In the Name box, type Host Model T5.
4
Leave the ID box set to (auto).
5
Ensure that the UI Query and Public check boxes are clear, Comments and Context Help empty, and Relevant and Allowed Role(s) unchanged.
6
Click the Root Reference box and choose Data Sources > Monitoring (Default Instance) from the list that appears.
7
Most objects are grouped at some level down from the root. In this example, the path to the object we want is in HostModel > Hosts. Click the Path box and choose ModelRoots from the list that appears.
8
Click Save to save the query.
Related Documents