Skip to main content

Notice: this Wiki will be going read only early in 2024 and edits will no longer be possible. Please see: https://gitlab.eclipse.org/eclipsefdn/helpdesk/-/wikis/Wiki-shutdown-plan for the plan.

Jump to: navigation, search

Difference between revisions of "Orion/Documentation/Developer Guide/Icons"

(Icon sprites)
 
Line 1: Line 1:
 +
{{warning | This page is outdated. | Most icons in Orion are now provided by an icon font. Sprites should be avoided. }}
  
 
== Icon sprites ==
 
== Icon sprites ==

Latest revision as of 11:47, 30 July 2014

Warning2.png
This page is outdated.
Most icons in Orion are now provided by an icon font. Sprites should be avoided.


Icon sprites

When adding or updating an icon, the sprite file must be updated as well. Instructions are as follows (see Bug 360041):

To add a new image to the sprite:

  1. copy the image into the bundles/org.eclipse.orion.client.ui/web/images/ folder.
  2. add the image to core_sprites.sh in alphabetical order.
  3. run core_sprites.sh<code> to create <code>core_sprites.zip
  4. go to spritegen, specify the zip file, horizontal and vertical offset: 2px and add the Class Prefix : core-sprite-. Leave the other defaults.
  5. press the create sprite image and css button on spritegen.
  6. click the save image button to download core_sprites.png.
  7. cut and paste the css into images.css<code>
  8. add the new sprite entry to <code>core_sprites.html
  9. open core_sprites.html in a browser to see the new sprited image.

Back to the top