TADDM Sensor Icon Creation

by bluemedora_editor on May 25, 2011

Though TADDM includes a collection of icons, additional icons may be desired to help to easily identify CI’s.

Required Icons

There are 5 required icons. The examples below use ‘Postgres’ as an example sensor.

  • 3 topology icons – Used in topology graphs
  • 1 topology tooltip icon – Used in topology graphs when the mouse hovers over the node
    • Format: PNG
    • Size: 130 x 65 pixels
    • Path: ‘%COLLATION_HOME%\images\custom\tooltip’
    • Filename convention: tooltip_postgres.png
  • 1 tree icon – Used in the Discovered Components tree
    • Format: PNG
    • Size: 20 x 20 pixels
    • Path: ‘%COLLATION_HOME%\images\custom\tree’
    • Filename convention: postgres.png

Icon Deployment

The 5 icons described above must be placed into the below locations:

‘%COLLATION_HOME%\images\custom\icon_<name>_state.svg’

‘%COLLATION_HOME%\images\custom\icon_<name>_dormant.svg’

‘%COLLATION_HOME%\images\custom\tree\<name>.png’

‘%COLLATION_HOME%\images\custom\tooltip\tooltip_<name>.png’

‘%COLLATION_HOME%\images\custom\icon_<name>_default.svg’

‘%COLLATION_HOME%\deploy-tomcat\cdm\images\custom\tree\<name>.png’

‘%COLLATION_HOME%\deploy-tomcat\images\custom\icon_<name>_state.svg’

‘%COLLATION_HOME%\deploy-tomcat\images\custom\icon_<name>_dormant.svg’

‘%COLLATION_HOME%\deploy-tomcat\images\custom\tree\<name>.png’

‘%COLLATION_HOME%\deploy-tomcat\images\custom\tooltip/tooltip_<name>.png’

‘%COLLATION_HOME%\deploy-tomcat\images\custom\icon_<name>_default.svg’

The icon will be available from the ‘Select Icon’ dialog when creating a new template following a TADDM Server restart.

Icon Packaging

Icons should be packaged with the normal sensor packaging process.

Creating custom graphic icons:

When creating custom resource icons, one must complete the following items:

  1. Using the provided resource templates, create a default, dormant and state icon for every resource you want to add. This process is described in Section 1 below. You should always output 3 separate icons to represent each state.
  1. Create a Tool tip version of that resource icon. This icon should be based off the “default” state resource icon, but at a reduced size as detailed in Section 2 below.
  1. Create a Tree view icon . This icon should be based off the “default” resource icon as well, but at a much smaller side. 20pixels * 20pixels to be exact. Refer to section 3 below for more details
  1. Ensure the graphics you create will work by ensuring your using the correct file format, size, and style as provided in Section 4 below.

Visual example of what you will find within the zip source files:

  • Resource Icon: (bounding box and text box together)
  • Resource Icon: (object metaphor)
  • Treeview Icon: (default Gear image)

References: http://www.ibm.com/developerworks/exchange/dw_entryView.jspa?externalID=881&categoryID=1109 https://www.ibm.com/developerworks/wikis/display/tivoliaddm/Adding+Sensor+Icons

 

Get started

Try BindPlane for free. No credit card required.

Sign up
True Visibility
BindPlane for VMware vRealize Operations

True Visibility allows cloud management teams to use VMware vRealize’s powerful machine learning and capacity planning engine across their entire hybrid cloud environment.

Azure Monitor...everything
BindPlane for Microsoft Azure Monitor

Make Azure Monitor your first-pane-of-glass across your entire multi-cloud, multi-database or hybrid platform environment.

Thank you for contacting us. Your information was received. We'll be in touch shortly.