Chat now with support
Chat with Support

Foglight 7.1.0 - Web Component Tutorial

Introducing the Web Component Framework The Web Component Framework Configuring Views and Context Queries Functions Bindings Additional Components

Configuring Views

If you have a data source you can start creating views. Views are collections of components that display data. The components of a view are self-contained, so you can add them to a page, remove them, or move them around according to your needs.

The following concepts apply to views:

The view component groups available in Foglight® are summarized in this guide. For more information, see Anatomy of a Typical Dashboard.

Creating a New Container View

A container view is used to house data presentation views, such as tables, charts, and common UI components (for example, check boxes or labels). You can declare a container view to be a dashboard and use it to observe system performance at run-time. For more information, see Anatomy of a Typical Dashboard.

The choice of container depends on the components it is designed to contain and on the layout you want.

You can create a new container, but you cannot add views unless you have defined them previously, so it is advisable to start by choosing the view components you need based on the data you want to present, and then decide on the container that is the best choice to present these views.

4
In the Add View dialog box, ensure that the Create a Blank View tab is selected.
6
From the navigation tree, select Layouts and click to expand the list.
8
To close the Add View dialog box, click the OK button.
10
Configure the container by filling in the required fields in the editor pane. The fields for any particular view are described in the Web Component Reference help pages. The Web Component Tutorial contains an introductory example of creating a container and various views for a dashboard.

Creating a New View Based on a Copy of a View

Copying is a fast way of creating a new view. It is also a way to create a modified version of a System view. You can copy any view, including your own User view, a System view, or a view created by another user.

You cannot create a copy of a view and give it the same name as another view in your module. If you enter a name that is already in use, a tooltip message is displayed beside the field and the Save button is disabled.

You can perform a normal or a deep copy of a view from the Definitions pane. For more information, see Deep Copying Views.

1
From the navigation panel under Dashboards, click Configuration > Definitions.
4
In the Add View dialog box, ensure that the Copy an Existing View tab is selected.
7
The component is saved in the module that was active when you clicked Add, which is normally your user space under Foglight.

Stamping Views

A collection of views can have their properties updated at the same time using the Stamp Views feature. Use it to quickly perform a batch update of view properties.

1
From the navigation panel, under Dashboards, click Configuration > Definitions.
The Stamp Views wizard appears, showing a list of properties common to all views that are currently selected for stamping.
TIP: Select or clear the Show Advanced Properties check box to switch between basic and advanced view properties, as needed.
a
To edit a property, in the Stamp Views wizard, click in the Value column, and proceed with making the edits, as required.
b
Click Next.
The Stamp Views wizard refreshes, showing the outcome of the view stamping process. It lists the views that are successfully stamped and validated, and any errors, if applicable.
6
Click Finish.
The Stamp Views dialog box closes.
Related Documents

The document was helpful.

Select Rating

I easily found the information I needed.

Select Rating