Chatta subito con l'assistenza

Ottieni assistenza in tempo reale
Completa la registrazione

Accedi

Richiedi prezzo

Contatta il supporto vendite

Foglight 6.1.0 - Web Component Tutorial

Table of Contents

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

Summary

In this tutorial you have been shown how to create Domain, Category, and Question Associations, and to use them to populate a Question Viewer.

Additional activities

After completing this tutorial, consider performing the following activities:

•

Adding more questions to the CPU category and reviewing them in the mini-viewer

•

Adding report views

•

Creating custom answer views

Tutorial 10: Sending Messages to Other Users

Messages inform other users of any activities that may affect them. A message includes the message text and message details. It can also have a severity level to indicate the overall impact of the activity that is about to take place.

•

Creating Message Associations

•

Creating Script Functions

•

Creating Label Views

•

Testing Messages

•

Objectives of Tutorial 10

The objectives of this tutorial are to introduce Message Associations and Script Functions. Use Message Associations in your application to set the desired message text and details. Script Functions can reference this information to send messages when invoked.

The tasks you complete in this tutorial are:

•

Create Message Associations with sample message text and details.

•

Create Script Functions that send messages by referencing the Message Associations.

•

Create Label views that call the Script Functions in the their flow.

•

Test messages by placing the Label views on a dashboard and invoking them from there.

Creating Message Associations

In this we will create two message associations: Warning Association and Error Association. These associations will have the Warning and Error severity levels, and the related message text and details.

To create Message Associations:

1

Start by creating a new Message Association.

a

On the navigation panel, under Dashboards, choose Configuration > Definitions.

b

In the Module List Pane, select the module or sub-module in which you want to store the components you create while using this tutorial.

c

In the Module Contents pane, click Views and select Associations from the list that appears.

d

e

In the Add Association dialog box that appears, select Message and click OK.

A New Association tab appears in the Definition/Edit pane with the General tab open.

f

Specify the name for this association. In the Name box, type Warning Association.

2

Specify the severity level of the Message Association.

a

Open the Configuration tab.

b

In the row containing the Level property, in the Value column, click Edit

. Select Data from the list that appears.

c

In the Edit - Name dialog box that appears, in the Name box, navigate to Dashboard Development > Support > Common > Message Levels > Warning.

d

3

Specify the message text.

a

On the Configuration tab, in the row containing the Text property, in the Value column, click Edit

. Select Localized String from the list that appears.

b

In the Edit - Text dialog box that appears, in the Localized string box, type Warning.

c

4

Specify additional message details.

a

In the row containing the Details property, in the Value column, click Edit

. Select Localized String from the list that appears.

b

In the Edit - Text dialog box that appears, in the Localized string box, type This is a warning message.

c

5

Save your changes.

6

Follow Step 1 through Step 5 to create another Message Association with the following definitions:

•

Name: Error Association

•

Context Input: None

•

Level: Data (Message Level: Error)

•

Text: "Error" for locale "en"

•

Details: "This is an error message" for locale "en"

The Message Associations are created. The next step of the tutorial is to create a Script Function that takes these Message Associations as input, and send messages when invoked.

Related Documents

The document was helpful.

Seleziona valutazione

I easily found the information I needed.

Seleziona valutazione

© ALL RIGHTS RESERVED. Termini di utilizzo Privacy Cookie Preference Center