Tchater maintenant avec le support

Obtenir une aide instantanée
Terminer l’enregistrement

Se connecter

Demander les tarifs

Contacter le service des ventes

Foglight 7.3.0 - Web Component Tutorial

Parcourir le contenu

Using the Web Component Tutorial

Browser Interface Views

Why Configure the Default Views? What is the Web Component Framework?

View components View layouts Data sources Data source queries

Simple Dashboard Creation

How to Use this Tutorial

Printing the tutorial Getting more help

Tutorial 1: Drag and Drop

Creating a Custom Dashboard by Drag and Drop Customizing Dashboards

Add View Add Text Delete This Page

Adding a Background Image to a portal or its text component Using the Metrics Analyzer

Edit Page Layout

Editing views Sharing the view Removing the view

Tutorial 2: Creating a Dashboard

Constructing the Tutorial Module Configuring a Query Configuring a Row-Oriented Table

Configuring Table Columns

Building the Dashboard

Adding the Table to the Dashboard

Additional activities Saving the Tutorial2 module

Tutorial 3: Adding a Drilldown Page

Preliminary Setup Adding a Column of Aggregate Alarms to the Table Adding a Dependent Page

Adding a Context-Sensitive Dependent Page for the Table of Hosts

Create a dependent page Define a context input Define a flow Populate the dependent page

Additional activities Saving your work Adding a vertical scroll bar to the table Interchanging columns in the Table of Hosts Changing the name of the Hosts column

Tutorial 4: Adding Views

Designing the Page Preliminary Setup Defining the Alarms Query Configuring a Table of Alarms

Adding columns to the table

Configuring a Chart Component Configuring a Label with an Action Configuring the Drilldown Page

Populate the dependent page

Configuring a Drop-Down List Flowing Monitored Hosts to Host Details T3 Adding a Customizer Adding Nested Views Summary

Additional activities

Tutorial 5: Using a Grid

Building the Dashboard

Set a context Adding the views to the dashboard Adding the views Adding a customizer

Additional activities Adjust the layout by fitting cells

Tutorial 6: Reports

Configuring a Query Creating a Basic Report Page

Define a page orientation and title for the report Adding a sample view to the report

Creating a More Elaborate Hosts Table

Configuring the columns for the row-oriented table Generating the table

Adding a Header

Creating the header component

Adding a Footer Adding an Iterator for a Multi-Page Report

Choosing the Iterated View

Additional activities Adjusting the table View the report in a dashboard Schedule a report in Foglight Sequential headers and footers

Tutorial 7: Creating a Form

About this Tutorial

Anatomy of a form and its design objective Overview for creating the components

Defining the Enumerated Types for Manager and Staff Defining the Manager and Staff Types Defining the Company Type Defining the Functions for Adding and Removing a Manager Defining the Labels Defining the Bean Input Components Defining the Grid Layout Defining the Dialog Defining the Table of Managers

Defining the Top-Level Dashboard

Bean Input components Dialog component Additional activities Add a Save button to the table Control the state of the Save button

Tutorial 8: Renderers

Working with the Text Renderer

Date Renderer Number Bar Renderer and Number Unit Renderer

Configuring the Labels

Another example of working with an input value

Tutorial 9: Adding Questions and Answers

Working with Associations and Question Viewers

About Domain Associations About Question Associations About Category Associations About Question Viewers

Building Associations for Your Question Viewer

Creating a Domain Creating Categories Creating Questions

Populating the Question Viewer with Questions and Answers Building a Mini-Viewer Summary

Additional activities

Tutorial 10: Sending Messages to Other Users

Creating Message Associations Creating Script Functions Creating Label Views Testing Messages Summary

Additional activities

Add Text

You can use the Add Text feature to add a description of the dashboard, change the font type, or add a background image.

To add text to the dashboard:

1

If the dashboard is not already opened, select the dashboard from the My Dashboards node.

2

Click Add text from the Actions panel.

The Entering User Text dialog box appears.

Figure 10. Entering User Text

3

•

Change the text Style (for example, Small)

•

Type the Text to appear in the dashboard.

•

Add a Background Image. For more information, see Adding a Background Image to a portal or its text component .

4

Delete This Page

To delete the dashboard:

1

If the dashboard is not already opened, select the dashboard from the My Dashboards node.

2

Click Delete this page from the Actions panel.

The dialog box appears.

Figure 11. Deleting a dashboard

3

Click Delete or Cancel.

If you click Delete, the dashboard is deleted immediately. There is no additional confirmation dialog.

Adding a Background Image to a portal or its text component

In conjunction with the fixed position layout, you can set on the portal a background image, such as a geographical map or a layout diagram of your server rack, and then position a state indicator view at a location on top of the image to represent the monitored state at that location.

By dragging a text component you can upload a background image, such as a map.

To add a background image to a portal or a text area component:

1

Click the Background Image

icon to upload a background image.

•

For a portal, the choice is available on the General tab by choosing Properties > Edit basic properties. The Edit View Properties dialog box appears.

•

For the text component, the choice is available on the General tab by choosing Drag into portal to add text. The Entering User Text dialog box appears.

In either case the icon for setting a background is available to allow you to choose among the existing registered images or to specify a URL that points to the image.

The Select an Image dialog box appears.

Figure 12. Select an Image

2

Choose an option for selecting a background image:

•

In the tree under Dashboard Development > Support > Maps, choose one of the mapped, themed images that are included with Foglight.

•

Upload your own image by clicking Upload Image.

3

Preview the image and click OK.

You can use the image to add monitoring views based on absolute location by dragging and selecting views onto your image. For more information on adding views, see Add View .

Using the Metrics Analyzer

For any visualization that you create dynamically, there are built-in, default drill-downs available so you can go to another view. You can use the metrics analyzer to view the data in different ways by experimenting with metrics available in that same parent.

To use the metric analyzer on a chart:

1

For any chart you have created, click the data in the chart.


	IMPORTANT: The metric analyzer can be used with any metric, not just with charts.

Figure 13. Metric charts

The Metric Analyzer view appears with other metrics for the selected chart.

Figure 14. Metric Analyzer

2

Select other metrics so you can view them in that same parent. For example, if you select receiveRate, the corresponding chart also appears in the Metric Analyzer view.

3

Select the Individual Charts tab to display each metric individually or click the Single Chart tab to view all selected metrics in a single chart.


	NOTE: From any view you have created on your dashboard, you can click the Options icon (), (also known as the Edit or Customizer icon depending on its usage). A popup appears that displays a list of other options available.


	NOTE: You can also customize your view to add a configurable drill-down so you can go to another existing view or a drill-down you have created. For example to configure a user action so that a popup appears when a metric is selected, select Edit Properties. In the Config Portlet dialog box, click the Actions tab and choose the Popup option. For more information on configuring actions, see Actions tab .

Documents connexes

The document was helpful.

Sélectionner une évaluation

I easily found the information I needed.

Sélectionner une évaluation

© ALL RIGHTS RESERVED. Conditions d’utilisation Confidentialité Cookie Preference Center