Chat now with support

Get Live Help
Complete Registration

Sign In

Request Pricing

Contact Sales

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

Tutorial 9: Adding Questions and Answers

The Question Viewer component allows you to display a list of questions, organized into categories, and the answer to a selected question.

This tutorial leads you through the process of creating domain-specific questions, defining their answers, and viewing these using the Question Viewer.

•

Working with Associations and Question Viewers

•

Building Associations for Your Question Viewer

•

Populating the Question Viewer with Questions and Answers

•

Building a Mini-Viewer

•

Objectives of Tutorial 9

The objectives of this tutorial are to introduce the Question Viewer, Question Mini-Viewer, and the related Association components. You will learn about the Question Viewer and Question Mini-Viewer components, as well as Question, Category, and Domain Associations.

The tasks you complete in this tutorial are:

•

Learn about Associations.

•

Create Domain and Category Associations.

•

Define questions and answers about specific parts of your monitored system, where the answer points to a view that answers the question, and each question and answer pair belongs to a domain, and is assigned to at least one category.

•

Create a Question Viewer component and associate it with the domain in order to retrieve all of questions that are associated with that domain. The resulting view shows the categories, questions, and answers in a three-column view.

•

Create a Questions Mini-Viewer and associate it with a category in order to retrieve all of questions that are associated with that category. The resulting view shows one question at a time, allowing you go back and forth between the questions and display the answers.

Working with Associations and Question Viewers

Associations are WCF entities. They organize references to other entities and enable specific functionality in view components. Associations are an important part of creating questions and the Question Viewer component.

There are three types of associations you work with when creating a Question Viewer:

•

•

•

These associations provide functionality such as high-level question grouping, links between questions and answers, and navigation between questions, as well as enabling you to specify the content of your questions.

Before configuring a Question Viewer component, you need to create at least one Domain association, one Category association, and one Question association.

You should become familiar with Domain, Question, and Category associations before proceeding with the tutorial. The that follow help you understand these types of associations and how they are used by the Question Viewer component. For complete information about Domain, Category, and Question Associations, and the Question Viewer, see the Web Component Reference.

About Domain Associations

The first kind of association you create as part of this tutorial is a Domain association.

A Domain is a conceptual grouping that you create and name. It should be on a scale that corresponds with a broad grouping of related objects or an environment type that you are interested in monitoring. For example, in this tutorial, you create a Domain called Host Domain, which represents a host object provided as context input. You can also have Domain entities called Databases or Application Servers.

Domain associations provide high-level grouping for questions. You specify a Domain association for each question. This Domain association broadly filters the set of all questions to those appropriate for your Question Viewer. For example, the Question Viewer you create in this tutorial is focused on questions about a host object.

About Question Associations

You use Question associations to specify the questions and answers that you want to display in one or more Question Viewers.

You specify the question itself as plain text and the answer as a referenced view.

You can also specify a report view that is used if the Question is added to a report. This is an optional property of the Question Association. To learn more about it, refer to Additional activities .

Related Documents

The document was helpful.

Select Rating

I easily found the information I needed.

Select Rating

© ALL RIGHTS RESERVED. Terms of Use Privacy Cookie Preference Center