Chat now with support
Chat with Support

Foglight for Virtualization Enterprise Edition 8.9.3 - 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.

•
Reposition the components to achieve a better layout. You might want to concentrate on the layout of the alarms table.
•
Experiment with weights.
•
Experiment with Row and Columns Layout components.

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.

•
Configuring a Query
•
Creating a Basic Report Page
•
Creating a More Elaborate Hosts Table
•
Adding a Header
•
Adding a Footer
•
Adding an Iterator for a Multi-Page Report
•
Summary
Objectives of Tutorial 6

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:

•
Create a report. This task requires the creation of some context entries to set the title of the report and to retrieve a list of hosts.
At first you will create a very simple report and then you will add to it.
•
Add headers and footers to the report pages.
Headers and footers are required elements in most reports. You’ll see how to add a company logo to the header of a report, and you’ll see how to add page numbers to the footer.
•
Design the content of the report body and choose the proper view components based on that design.
•
Embed a pair of body components in an Iterator so that similar body pages are created simply by iterating a list of hosts.
The number of active hosts monitored by Foglight is a variable. Using an Iterator permits you to pass a list of hosts resulting from a run-time query and generate a page for each host. Thus, the example serves as a paradigm for any task that performs the same set of actions on objects in a dynamically-generated list.
Designing the page

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.

 
Table 1. Report layout for Tutorial 6
Header

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.

Footer

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.

To build the Host Model T5 query:
1
In the Module Contents pane, click the drop-down list, select Queries, and click Add .
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.
The Definitions pane displays the query editor, which contains the information needed to construct a query. You do not have to fill in every box, but the required boxes are marked by an exclamation point icon on the right side of the field.
3
In the Name box, type Host Model T5.
You will use this name later on to refer to the query.
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

The document was helpful.

Select Rating

I easily found the information I needed.

Select Rating