Customizing Link Tiny Types

Styling > Customizing Links > Customizing Link Tiny Types

Customizing Link Tiny Types

Besides their graphic representation in the network and equipment components, link objects can be represented as tiny objects in the tree and table components.

Each link tiny type can be associated with a tiny base renderer that draws the tiny graphic representation. JViews TGO allows you to customize the tiny type representation by using one of the predefined base renderer factories, such as IltTinyImageBaseRendererFactory or IltTinySVGBaseRendererFactory, or by creating your own implementation of IltTinyBaseRenderer. The principle to create a new IltTinyBaseRenderer is the same as to create a new IltNEBaseRenderer.

For details, refer to Extending the Class IltNEBaseRenderer.

How to Create and Register a Link Tiny Type (using the API)

IltObject.TinyType MyTinyType = new IltObject.TinyType("MyTinyType"); 
IltSettings.SetValue("Link.TinyType.MyTinyType.Renderer",
  new IltTinyImageBaseRendererFactory(YOUR_IMAGE, YOUR_IMAGE_PARAMETERS));

You can also create new tiny types by using global CSS settings (see Using Global Settings in Chapter 2, Using Cascading Style Sheets for more information):

setting."ilog.tgo.model.IltObject"{
   tinyTypes[0]: @+tinyType0;
}
Subobject#tinyType0 {
  class: 'ilog.tgo.model.IltObject.TinyType'; 
  name: "MyTinyType";
}

How to Create and Register a Link Tiny Type (using CSS)

You can customize the renderer using global CSS settings. The CSS property to customize here is linkTinyRenderer. In the example below, the name of the renderer factory class that is included in the search path is MyLinkTinyRendererFactory.

setting."ilog.tgo.model.IltLink.TinyType"[name="MyTinyType"] {
   tinyRenderer: @+linkTinyRendererFactory;
}
Subobject#linkTinyRendererFactory {
   class: 'MyLinkTinyRendererFactory';
}

For details about how to create image base renderers, refer to Customizing Network Element Types From Images.

PREVIOUS NEXT