Sprite - B3Partners/tailormap-legacy GitHub Wiki

#Sprite

Most button images are stored in the default_sprite.png which can be modified to suit your style.

##Adding component button images to the sprite

For a new component that has a button you will want to add an image sequence to the sprite. You can follow these steps:

• in viewer/src/main/webapp/viewer-html/components/Component.js around line 324 add your control to the list
• enlarge viewer/src/main/webapp/resources/images/default_sprite.png with 60px in height by adding those pixels to the top of the image
• create 4 bitmap images with your icon, you need images for active, hover and normal of about 33px square and one 16px square image for the popup of your component
• move the coulumn of component images (the right side) up 60px
• add your row of images below

You may need to do some pixel pushing to get things lining up properly