Chat now with support

Get Live Help
Complete Registration

Sign In

Request Pricing

Contact Sales

FREE TRIALS

We recently introduced AskQ to help streamline our Technical Support Assistance - Now introducing AskQ during support case creation. Read about our new AskQ initiative for more information.

Foglight Evolve 7.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

Summary

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

Summary

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

Summary

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

Summary

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

Summary

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

Tutorial 8: Renderers

Text Renderer

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

After completing this tutorial, consider performing the following activities:

•

Adding more messages

•

Enhancing your Script Function to select a specific Message Association based on some selected criteria

•

Call the sendMessage() function from your code after a process finishes executing

Please select your product:

To serve you better, please complete the Purpose of your Chat:

Recommended Solutions for Your Problem

Foglight Evolve 7.1.0 - Web Component Tutorial

Additional activities