Chat now with support
Chat with Support

Foglight 5.9.8 - 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

Tutorial 1: Drag and Drop

This tutorial shows you how to create a custom dashboard using the Create Dashboard wizard. This wizard includes the following features:

Many of the Create Dashboard options are now wizard-driven, similar to the options for creating a report.

Also, you can create your own views based on data in the particular object that is selected.

The Web Component Guide describes how Foglight® organizes the data it collects. These objects (and metrics) are displayed using a special-purpose framework.

Creating a Custom Dashboard by Drag and Drop

The standard Foglight® dashboards have been designed to satisfy most monitoring needs, however Foglight is also highly extensible and, if your role allows it, it gives you the capability of designing your own custom dashboards. The simplest method for creating a custom dashboard is to use the Create Dashboard link available on the action panel’s General tab.

1
On the action panel, on the General tab, under Other Actions, click Create Dashboard.
The Create Dashboard wizard appears with the Build a Dashboard page open.
In the Create Dashboard wizard, on the Build a Dashboard page, select one of the following options.
Use All Data: Select this option to build a dashboard from various data elements, and click Next.
Start with a Service: Select this option to build a dashboard from service elements. On the Select a Service page that appears, select the service, and click Next.
Create a Custom Dashboard based on the current dashboard: Select this option to build a dashboard from the current dashboard. On the Select Objects page that appears, select the data inputs from the current dashboard that you want to include in the new dashboard, and click Next.
3
In the Create Dashboard wizard, on the View Properties page that appears, edit the dashboard properties, as required.
a
In the Name box, type the dashboard name.
b
Specify the dashboard’s Auto Refresh Rate to one of the available options:
Click beside Relevant Role(s) and/or Allowed Role(s) and select the appropriate roles.
d
Optional—Associate the monitored data with a specific domain.
Click beside Related Domains and select a domain in the Select related domain dialog box that appears.
Figure 4. Related Domains
e
Optional—Associate the monitored data with specific monitoring activities.
Click beside Related Activities and select one or more activities in the Select related domain dialog box that appears.
In the Help box, type the dashboard description.
Click beside Background Image and select a graphic file.
Select or clear the check box Share this dashboard and allow it to be included in other custom dashboards.
i
Click Next.
The Select Dashboard Layout page appears in the Create Dashboard wizard.
The Create Dashboard wizard closes, and the Add View dialog box appears with the Add a Dashboard View Element page open.
Figure 7. Add View
a
On the Add a Dashboard View Element page, in the Input Data area, expand the applicable node and select it in the tree.
The View Styles area refreshes, reflecting your selection. Only those view templates that can accommodate the selected data type are available for selection.
b
In the View Styles area, select an available view style.
For example, if you selected Alarms > Current Alarms in the Input Data area, you can select Table View or Select a View Template.
c
Click Next.
The Add View dialog box refreshes, showing the options that are available based on the selections made in the previous step.
Figure 8. List of Alarms

Customizing Dashboards

To help you with adding data to your dashboard, several functions are available:

This topic describes the process of using the Add View wizard. This wizard is provided for the same function needed when creating a custom report.

2
Click Add view from the Action panel.
The Add View wizard appears.
Figure 9. Add View

Add View

To help you with adding data to your dashboard, several functions are available:

This topic describes the process of using the Add View wizard. This wizard is provided for the same function needed when creating a custom report.

2
Click Add view from the Action panel.
The Add View wizard appears.
Figure 9. Add View
Related Documents

The document was helpful.

Select Rating

I easily found the information I needed.

Select Rating