Perforce JViews TGO Sample: Integration - Customization


Description

This sample uses both the JTGO Java API and the styling engine (CSS) to modify the look of the predefined business objects and how states and information is presented.

How to Use the Sample

The main frame contains a Network component, a Tree component and a Table component.

A Network component has a default toolbar which provides a set of predefined interactors:

The type of business objects to be displayed in the Table component can be selected using a combo box right below it. In addition, the name of the currently selected object is displayed at the bottom.

How to Run the Sample as an Application

This sample can be run as an application. The installation directory contains an executable JAR file, integration-customization.jar, that allows you to execute the sample with a double click from a file browser. Note that if you are using Internet Explorer, you can open the installation directory and execute the JAR file from the browser. This technique may not work in other Web browsers.

Alternatively, you can run the sample application from the command line. First check that the Ant utility is properly configured. If not, see the instructions on how to configure Ant for Perforce JViews.

Then, go to the installation directory of the sample and type:

ant run

Topics Covered

Detailed Description

This sample shows how to customize the look & feel of an application to create your own representation for predefined business objects. While CSS properties allow you to configure objects per graphic component, JTGO also provides global settings that allow you to define a common look and feel for all graphic components in the application. Using global settings you can configure the following elements:

Global settings are shared by all the graphic components in the application. To customize your own look and feel, modify the global settings according to your needs before creating the graphic components. Please refer to the User's documentation for a complete description of global settings and how to configure them using cascading style sheets or programmatically.

In this sample, the graphic representation of Network Elements and Links is configured using cascading style sheets. The Network Element representation is changed by configuring new base renderers which display different images according to the Bellcore primary state (See ilog.tgo.graphic.renderer.IltNEDirectImageBaseRendererFactory for details). Links are also customized to be displayed with different colors and width. Specific link medium have been created and associated with different icons.

Besides the business object representation, this sample also shows how to customize the Bellcore and SONET state systems by specifying new icons.

Installation Directory

The Integration - Customization sample is installed here.

Classes Involved

Source Files

Copyright © 2021 Rogue Wave Software, Inc., a Perforce company. All rights reserved. Legal terms.