Company Blog

WELCOME TO THE BLUE MEDORA BLOGGING RESOURCE AREA

TADDM Sensor Icon Creation

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.

Section 1: Creating custom resource icons:

Section 2: Creating Tooltip version of your resource icon:

Section 3: Creating the Tree view icon for your resource:

Section 4: Templates and Source files:

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