vFoglight™ 5.2.4Web Component Tutorial
10 vFoglight Web Component Tutorial • What’s New Guide (PDF)• System Requirements and Platform Support Guide (PDF)• Installation and Setup Guide set
100 vFoglight Web Component Tutorial 5Choose Host Model T5 (from My Queries) in the Query Selection Runtime Value text field.6Check Return First Obje
Tutorial 5: Reports 101Creating a Basic Report Page The Edit - Title dialog opens.3Choose title in the Input Key drop-down list and click Save.Since y
102 vFoglight Web Component Tutorial The table doesn’t have a header or a footer and it contains only one view, but the exercise has shown you the ba
Tutorial 5: Reports 103Creating a More Elaborate Hosts Table Configuring the Columns for the Row-Oriented Table This component needs a host context as
104 vFoglight Web Component Tutorial All the table’s columns are set in this section. Later, they can be organized in groups.6Click the Edit ( ) icon
Tutorial 5: Reports 105Creating a More Elaborate Hosts Table 2Click the Edit ( ) icon on the column’s Val ue row and choose Context Selection from th
106 vFoglight Web Component Tutorial 5Add the table to the report as you did in Adding a Sample Page to the Report.6In the report’s Views tab, select
Tutorial 5: Reports 107Adding a Header 2Fill in the General tab as shown in the figure:3Enter Header for Hosts Summary Report T5 in both the Comments
108 vFoglight Web Component Tutorial The Edit - Left Image dialog appears.3Choose Icon Selection, vFoglight > Reporting > Company Logo.4In the
Tutorial 5: Reports 109Adding a Footer 6Click Save in the dialog.7Select Header from the Function drop-down.8Select the header and click the Move Up (
Introduction to this Guide 11Text Conventions [email protected] do not submit Technical Support related issues to this email address.Text Conv
110 vFoglight Web Component Tutorial Setting the center portion of the footerTo add a page number to the footer:1Select the Configuration tab.2Click
Tutorial 5: Reports 111Adding an Iterator for a Multi-Page Report 8Select the header and click the Move Up ( ) button to place the component as the se
112 vFoglight Web Component Tutorial 6Enter Iterator for Hosts Summary Report T5 in both the Comments and the Context Help text fields.To set the con
Tutorial 5: Reports 113Adding an Iterator for a Multi-Page Report 5Click the Edit icon on the Objects row and choose Context Selection from the drop-d
114 vFoglight Web Component Tutorial No other changes are needed because the Body page is the default.7Click Save on the bar containing the tabs to s
Tutorial 5: Reports 115Summary 5Click Save on the bar containing the tabs to save Sparkline for Report.To add a column containing a sparkline to the t
116 vFoglight Web Component Tutorial Where did the table’s title go?If you followed exactly the procedures given previously, you may have noticed tha
Tutorial 5: Reports 117Summary The Report Manager page opens in the Definitions pane.3Click Schedule Report ().The Create Scheduled Report dialog open
118 vFoglight Web Component Tutorial A report can have multiple headers. The reason you placed the header and footer as the first and second componen
8Tutorial 6: Creating a FormThe Web Component Framework contains many components that have a value property and there are situations in which some oth
12 vFoglight Web Component Tutorial Financial Services, Government, Healthcare, Manufacturing, and High Tech. Vizioncore, Inc. can be found in office
120 vFoglight Web Component Tutorial Objectives of Tutorial 6This tutorial shows how context can be used to pass values among components and even to
Tutorial 6: Creating a Form 121Overview 5Leave Public and Root Query unchecked, Comments and Context Help empty, and Relevant and Allowed Role(s) unto
122 vFoglight Web Component Tutorial Task ComponentsThere are three tasks, one each for adding a host, removing a host, and editing a host’s annotati
Tutorial 6: Creating a Form 123Creating the Tasks and Forms Delete hostBefore choosing Delete in the All Hosts table, ensure that the selected row is
124 vFoglight Web Component Tutorial tab and click the Add button. Choose Execute Groovy Script in the drop-down list. This will be your choice for a
Tutorial 6: Creating a Form 125Creating the Tasks and Forms Component Execute Groovy Script Last Modified TimePublic No Deprecated No CommentsContext
126 vFoglight Web Component Tutorial Deprecated No CommentsContext HelpContext InputsConfigurationGroovy Script def hostToDelete = @contextIn["h
Tutorial 6: Creating a Form 127Creating the Tasks and Forms Context InputsConfigurationGroovy Script def hostId = @contextIn["hostId"]; def
128 vFoglight Web Component Tutorial Add a hostdef hostName = @contextIn["hostName"]; def operatingSystem = @contextIn["operatingSyste
Tutorial 6: Creating a Form 129Creating the Tasks and Forms Public No Deprecated No Preferred Size Width 0px Height 0px Purpose(s) Page, Pagelet Prior
Introduction to this Guide 13About Vizioncore Inc.
130 vFoglight Web Component Tutorial ViewsName (Nested View) (nested)Component Text FieldSize Automatic x AutomaticScrollbars Never Name (Nested Vie
Tutorial 6: Creating a Form 131Creating the Tasks and Forms • Global Context MappingsNote The hostName context key is set in the flow Context Mappings
132 vFoglight Web Component Tutorial • Global Context MappingsConfiguration• Label Operating Systems• Items List• {0} String (Windows)• {1} String (L
Tutorial 6: Creating a Form 133Creating the Tasks and Forms Name Host ListPublic No Deprecated No Preferred Width 300px Preferred Height 300px Refresh
134 vFoglight Web Component Tutorial • ID wcf_column_1 (Note: this line is automatically generated. You do not type this.)• Column• Value Context
Tutorial 6: Creating a Form 135Creating the Tasks and Forms • Context Mappings• Flow Type Update• Context MappingsConfiguring Add Annotation InputModu
136 vFoglight Web Component Tutorial Refresh Interval - second(s)Priority None Purpose(s) Page, Pagelet Custom Purpose(s) -Relevant Role(s) (From mo
Tutorial 6: Creating a Form 137Testing the Application Testing the ApplicationIf you have built the application by creating a new system module called
138 vFoglight Web Component Tutorial The Form ComponentIn previous releases of vFoglight, component-specific actions were disabled when a submit acti
IndexAabout vFoglight 8aggregateState 51alarmadding an alarm icon50message 67severity 67All Hosts 120Cchartconfiguration71componentAdd a Host Form128A
Contacting Dell Note: If you do not have an active Internet connection, you can find contact information on your purchase invoice, packing slip, bill,
140 vFoglight Web Component TutorialFflowon a label75on a table 55footeradd to report110create component 109footerssequential117Ggeneratereport106gri
Index 141text conventions 11
Austria (Vienna)International Access Code: 900Country Code: 43City Code: 1Web AddressE-Mail AddressHome/Small Business SalesHome/Small Business FaxHom
Chile (Santiago)Country Code: 56City Code: 2Web AddressE-Mail AddressSales and Customer Supportwww.dell.com/clla‐[email protected]: 1230-0
Dominican RepublicWeb AddressE-Mail AddressTechnical Support, Customer Service, Saleswww.dell.com/dola‐[email protected] Ad
GuatemalaWeb AddressE-Mail AddressTechnical Support, Customer Service, Saleswww.dell.com/gtla‐[email protected] AddressTe
Ireland (Cherrywood)International Access Code: 00Country Code: 353City Code: 1Web AddressTechnical SupportE-mail AddressBusiness computersHome compute
© 2008 Quest Software, Inc. ALL RIGHTS RESERVED.This guide contains proprietary information protected by copyright. The software described in this g
Japan (Kawasaki)International Access Code: 001Country Code: 81City Code: 44Web AddressTechnical Support - Dimension and Inspiron Technical Support out
Malaysia (Penang)International Access Code: 00Country Code: 60City Code: 4Web AddressTechnical Support - Dell Precision, OptiPlex, and LatitudeTechnic
Poland (Warsaw)International Access Code: 011Country Code: 48City Code: 22Web AddressE-mail AddressCustomer Service PhoneCustomer ServiceSales Custome
Spain (Madrid)International Access Code: 00Country Code: 34City Code: 91Web AddressHome and Small BusinessTechnical SupportCustomer ServiceSalesSwitch
U.K.(Bracknell)International Access Code: 00Country Code: 44City Code: 1344Web AddressE-mail Address Customer Service WebsiteSalesHome and Small Busin
U.S. Virgin IslandsWeb AddressE-mail AddressTechnical Support, Customer Service, Saleswww.dell.com/vila‐[email protected]‐free:1‐877‐702‐4360V
2Using the Web Component TutorialThis chapter contains the following sections:Introduction...
28 vFoglight Web Component Tutorial IntroductionYou may already know how to view the performance of your servers and applications with vFoglight and
Using the Web Component Tutorial 29Introduction inform application and IT managers about end-user service levels, notify stakeholders when those servi
Table of ContentsIntroduction to this Guide...
30 vFoglight Web Component Tutorial What is the Web Component Framework?The Web Component Framework is a superset of the View Component collection th
Using the Web Component Tutorial 31Introduction • Time Range: if available, applies to all views• Nothing: if multiple time ranges are represented• Pa
32 vFoglight Web Component Tutorial The implementation of the data source must provide a schema for the objects. The schema can be changed dynamicall
Using the Web Component Tutorial 33How to Use this Tutorial How to Use this TutorialThis tutorial will help you to learn how to use the vFoglight Conf
34 vFoglight Web Component Tutorial Reference. To access the Web Component Reference, open Web Component Reference > View Components in online hel
3Tutorial 1: Creating a DashboardThe term dashboard is used in vFoglight to denote a container that presents a pre-set collection of visual data, but
36 vFoglight Web Component Tutorial Before You StartThe first thing you have to decide is whether you want to take the top-down or the bottom-up appr
Tutorial 1: Creating a Dashboard 37Configuring a Query UI WalkthroughWe will be using the Configuration > Definitions page as shown in the figure.
38 vFoglight Web Component Tutorial the data source information about all the hosts in our monitored system. To accomplish this task, it is helpful t
Tutorial 1: Creating a Dashboard 39Configuring a Query Checking this box indicates that the view is likely to be deleted or replaced by something else
4 vFoglight Web Component Tutorial Summary ...
40 vFoglight Web Component Tutorial The Query Results dialog allows you to see all the properties of the object, which is useful if you want to deter
Tutorial 1: Creating a Dashboard 41Configuring a Row-Oriented Table point icon at the right side of the field. In this case, only the Name field is re
42 vFoglight Web Component Tutorial To define the columns for the table:1Select the Configuration tab. The table designer page appears in the right D
Tutorial 1: Creating a Dashboard 43Configuring a Row-Oriented Table 8Choose Context Selection from the popup list.The Edit - Value dialog opens.9Click
44 vFoglight Web Component Tutorial Building the DashboardSo far we have a query and we have a table to present some of the data that will be returne
Tutorial 1: Creating a Dashboard 45Building the Dashboard 8Leave Priority at None.9Set the Purpose(s) check boxes by clicking the Edit icon ( ). Since
46 vFoglight Web Component Tutorial To define the dashboard’s title:1Select the Configuration tab. 2Click the Edit icon ( ) in the Value column of t
Tutorial 1: Creating a Dashboard 47Summary Figure 2SummaryIn this tutorial you have constructed a query, used it to populate the rows of a table, and
48 vFoglight Web Component Tutorial 2Click anywhere in the rectangle allocated to Monitored Hosts. Its border becomes highlighted. 3Click the Propert
4Tutorial 2: Adding a Drilldown PageIn Tutorial 1 you created a top level dashboard that contains a table of host names. Now, in Tutorial 2, it is tim
Table of Contents 5 Tutorial 5: Reports...
50 vFoglight Web Component Tutorial Objectives of Tutorial 2There are two main ways of presenting visual information about a group of objects. One is
Tutorial 2: Adding a Drilldown Page 51Adding an Alarm Icon to the Table The pane shows the configuration property editor for Monitored Hosts. Since al
52 vFoglight Web Component Tutorial When you view the All Hosts dashboard, you may notice that the area assigned to the table may not be wide enough
Tutorial 2: Adding a Drilldown Page 53Adding a Dependent Page designated, already-existing views in cells. A later tutorial will illustrate more of th
54 vFoglight Web Component Tutorial Define a Context Input1Still in Host Monitor, choose the Context tab.2Click the Add Context Input ( ) button unde
Tutorial 2: Adding a Drilldown Page 55Adding a Dependent Page 8Ensure List is False. This key is being used to pass a single host to drilldown pages.9
56 vFoglight Web Component Tutorial 9Choose the Context tab and observe that an entry called host has been added to the Inputs section.10Click Save o
Tutorial 2: Adding a Drilldown Page 57Summary 11Click a row of the table to drill down to Host Monitor.The figure shows a sample result. In the top-le
58 vFoglight Web Component Tutorial A new group is created. Its expanded view appears. Click the Edit icon ( ) in the new column’s Va lue row.3Choose
5Tutorial 3: Adding ViewsIn Tutorial 1 you created a top level dashboard that contained a table of host names. In Tutorial 2, you created a dependent
6 vFoglight Web Component Tutorial
60 vFoglight Web Component Tutorial Objectives of Tutorial 3The objectives of this tutorial are to place components on a drilldown page whose content
Tutorial 3: Adding Views 61Designing the Page Designing the PageThe objectives for Tutorial 3 have listed the components we are going to use, so all t
62 vFoglight Web Component Tutorial To configure a query returning Alarms that is passed a Host as a parameter:1Choose Configuration > Definitions
Tutorial 3: Adding Views 63Defining the Alarms Query Note that a Root Path of {host} was chosen. The query requires that a host be passed to it and th
64 vFoglight Web Component Tutorial The Query Results dialog appears, showing a list of alarms.7Close the Query Results dialog.8Click Save to save th
Tutorial 3: Adding Views 65Configuring a Table of Alarms Adding Columns to the TableTo add columns you use the Configuration tab, but before you do, d
66 vFoglight Web Component Tutorial These steps cause the context key host to be made available to the table. As you did in Tutorial 2, you will conf
Tutorial 3: Adding Views 67Configuring a Table of Alarms 10Choose Context Selection from the drop-down list.The Edit - Value dialog opens.11Click the
68 vFoglight Web Component Tutorial We will illustrate another use of parameters by giving the table a title that contains the name of the host.To ad
Tutorial 3: Adding Views 69Configuring a Key-Value Listing Component 4Choose Key-Value Listing.Note that this component is also available under the Co
Introduction to this GuideThis chapter provides information about what is contained in the vFoglight Web Component Tutorial. It also provides informat
70 vFoglight Web Component Tutorial 6Enter A key-value listing component for CPU state in both the Comments and the Context Help text fields.Configur
Tutorial 3: Adding Views 71Configuring a Chart Component To add a title to the Key-Value Listing table:1Click the Edit icon ( ) on the Title row.2Choo
72 vFoglight Web Component Tutorial Fill in the Time Plot Chart’s General properties using the information in the figure:6Enter Memory utilization ch
Tutorial 3: Adding Views 73Configuring a Label with an Action 10Choose host in the Input Key field.11In the Path field, expand the memory node and cho
74 vFoglight Web Component Tutorial 4Click ( ) and expand the Common node.5Choose Label from the drop-down list.6Click OK.7Configure the properties o
Tutorial 3: Adding Views 75Configuring the Drilldown Page When you add this component to the Grid page you can choose to show the title. If not, only
76 vFoglight Web Component Tutorial 5Expand My Views.6Choose Host State T3 then click Next.Now we are adding the chart.7Set Width to 350 pixels.8Set
Tutorial 3: Adding Views 77Configuring the Drilldown Page 3In the Add View dialog, choose Select existing view and click Next.4Ensure the purpose and
78 vFoglight Web Component Tutorial 12Click Finish on the Properties dialog.13Click Save on the toolbar to save the changes you made to Host Details
Tutorial 3: Adding Views 79Configuring a Drop-Down List To set the context:• Follow the procedure (under To set the context) in Adding Columns to the
8 vFoglight Web Component Tutorial About vFoglightvFoglight helps IT organizations understand the virtual infrastructure by managing the relationship
80 vFoglight Web Component Tutorial To add the drop-down List component to Host Details T3:1Go back to editing Host Details T3 in the Layout tab.2Cli
Tutorial 3: Adding Views 81Adding a Customizer Adding a CustomizerThe last exercise introduced you to the customizer component, which is a handy way t
82 vFoglight Web Component Tutorial SummaryIn this tutorial you have been shown how to use parameters in queries and some new components have been in
6Tutorial 4: Using a GridThis tutorial illustrates some of the more advanced properties of the Grid component. As well, the tutorial outlines how to p
84 vFoglight Web Component Tutorial Before Building the Dashboard:Perform a deep copy of [chart] Disk I/O Utilization from the module Hosts > Host
Tutorial 4: Using a Grid 85Before Building the Dashboard: 2Click the Edit ( ) button on the row for the property called Visible.The Edit - Visible dia
86 vFoglight Web Component Tutorial Using a List as a ChooserOne purpose of this tutorial is to help you investigate the layout properties of the Gri
Tutorial 4: Using a Grid 87Building the Dashboard To configure the General page of the dashboard:1Ensure that the Views tab in the Module Contents pan
88 vFoglight Web Component Tutorial 8Click Save to save your work so far, and then click Edit to continue modifying the dashboard.Set a ContextDefine
Tutorial 4: Using a Grid 89Building the Dashboard 5Select Active Hosts in My Queries. Copy it from WCFTutorial3 if necessary.6Check Return First Objec
Introduction to this Guide 9vFoglight Documentation Suite Chapter 7, Creating a Form—Using submit actionsvFoglight Documentation SuiteThe vFoglight do
90 vFoglight Web Component Tutorial Adding the ViewsYou will populate the grid with some existing views. First, we’ll add a host chooser by placing a
Tutorial 4: Using a Grid 91Building the Dashboard To add an Alarm List with Filter:1Add Alarm Table for Host T3 from the module My Definitions using
92 vFoglight Web Component Tutorial chart, and then resume editing the grid. The instructions for deep copying the chart are given at the beginning o
Tutorial 4: Using a Grid 93Summary Note that there is a possible problem associated with the first component, the drop-down list. If there are many ho
94 vFoglight Web Component Tutorial Another solution is possible. A Column layout can be chosen instead of a Grid. In a Column layout, a cell’s dimen
7Tutorial 5: ReportsBy now you should be comfortable with creating and using some of the commonly-used components in the Web Component Framework. We’l
96 vFoglight Web Component Tutorial Objectives of Tutorial 5PDF reports are useful for archiving the status of your systems as well as for communicat
Tutorial 5: Reports 97Configuring a Query Report layout for Tutorial 5: Configuring a QueryThis tutorial requires a list of hosts, just as in Tutorial
98 vFoglight Web Component Tutorial 7Select the Object Type by clicking the drop-down arrow at the right of this field.Choose HostModel from the drop
Tutorial 5: Reports 99Creating a Basic Report Page 5Ensure that Public and Deprecated are unchecked.6Set Preferred Width and Preferred Height. Actuall
Kommentare zu diesen Handbüchern