ICEfaces
  1. ICEfaces
  2. ICE-5635

Provide an automated Image Sprite generation mechanism for Sparkle component theme images

    Details

    • Type: New Feature New Feature
    • Status: Closed
    • Priority: Major Major
    • Resolution: Fixed
    • Affects Version/s: 2.0-Alpha3
    • Fix Version/s: 2.0-Beta2, 2.0.0
    • Component/s: ICE-Components
    • Labels:
      None
    • Environment:
      ICEfaces 2.0 Sparkle Components Development Platform
    • Affects:
      Documentation (User Guide, Ref. Guide, etc.), Sample App./Tutorial

      Description

      As part of the Sparkle Component Development Platform we would like to provide a facility for automatically generating Image Sprites for the theme images used by the components. The idea is that each component would provide a directory per theme of all the images used by that component for that theme. The Sprite generator would take those images and create a new Sprite Image and corresponding CSS class that provides the necessary image offset indexes for the sprite image.

      Some additional requirements:

      - Sprite generator must generate both the sprite image and the CSS class that specifies the image offsets.
      - Sprite generator should be configurable to generate a sprite image for one component, or multiple specified components.
      - Output from the sprite generator should be such that no component source code needs to be modified if the sprite image itself changes.

      Ideally, if YUI provides a sprite generation tool, we could leverage that. In addition, the following resources may be useful:
      - http://joshjustice.wordpress.com/2009/10/27/css-sprite-best-practices/
      - http://csssprites.org/
      - http://spritegen.website-performance.org/section/what-are-css-sprites
      - http://ajaxian.com/archives/css-sprite-generator-released

        Activity

        Repository Revision Date User Message
        ICEsoft Public SVN Repository #21673 Sun Jun 06 23:23:00 MDT 2010 art.zambrano ICE-5635 new sprite build tasks
        Files Changed
        Commit graph MODIFY /icefaces/scratchpads/sparkle/component/build.xml
        Commit graph ADD /icefaces/scratchpads/sparkle/component/smartsprites/base.css
        Commit graph MODIFY /icefaces/scratchpads/sparkle/component/build.properties
        Repository Revision Date User Message
        ICEsoft Public SVN Repository #21672 Sun Jun 06 23:08:45 MDT 2010 art.zambrano ICE-5635 move sprite source images and css from '/resources' to specific component directories
        Files Changed
        Commit graph ADD /icefaces/scratchpads/sparkle/component/src/org/icefaces/component/selectinputdate/sprites/sam/ice-right-arrow.png
        Commit graph ADD /icefaces/scratchpads/sparkle/component/src/org/icefaces/component/pushbutton/sprites/sam/background-focus.gif
        Commit graph ADD /icefaces/scratchpads/sparkle/component/src/org/icefaces/component/selectinputdate/sprites/rime/cal_arrow_right.gif
        Commit graph ADD /icefaces/scratchpads/sparkle/component/src/org/icefaces/component/selectinputdate/sprites/sam/calendar.css
        Commit graph ADD /icefaces/scratchpads/sparkle/component/src/org/icefaces/component/pushbutton/sprites/sam/menu-button-arrow.png
        Commit graph ADD /icefaces/scratchpads/sparkle/component/src/org/icefaces/component/selectinputdate/sprites/rime/cal_button.gif
        Commit graph ADD /icefaces/scratchpads/sparkle/component/src/org/icefaces/component/slider/sprites/sam/rail-x.png
        Commit graph ADD /icefaces/scratchpads/sparkle/component/src/org/icefaces/component/tab/sprites/sam/bullet-off.png
        Commit graph ADD /icefaces/scratchpads/sparkle/component/src/org/icefaces/component/tab/sprites/sam/background-selected-2.png
        Commit graph ADD /icefaces/scratchpads/sparkle/component/src/org/icefaces/component/selectinputdate/sprites/sam/background.png
        Commit graph ADD /icefaces/scratchpads/sparkle/component/src/org/icefaces/component/tab/sprites/sam/background-selected-1.png
        Commit graph ADD /icefaces/scratchpads/sparkle/component/src/org/icefaces/component/pushbutton/sprites/sam/background.png
        Commit graph ADD /icefaces/scratchpads/sparkle/component/src/org/icefaces/component/pushbutton/sprites/sam/split-button-arrow-focus.png
        Commit graph ADD /icefaces/scratchpads/sparkle/component/src/org/icefaces/component/pushbutton/sprites/sam/menu-button-arrow-disabled.png
        Commit graph ADD /icefaces/scratchpads/sparkle/component/src/org/icefaces/component/tab/sprites
        Commit graph ADD /icefaces/scratchpads/sparkle/component/src/org/icefaces/component/pushbutton/sprites/sam/split-button-arrow-disabled.png
        Commit graph ADD /icefaces/scratchpads/sparkle/component/src/org/icefaces/component/selectinputdate/sprites/rime/calendar.css
        Commit graph ADD /icefaces/scratchpads/sparkle/component/src/org/icefaces/component/pushbutton/sprites
        Commit graph ADD /icefaces/scratchpads/sparkle/component/src/org/icefaces/component/tab/sprites/sam/bullet.png
        Commit graph DEL /icefaces/scratchpads/sparkle/component/resources/org.icefaces.component.sprites/src
        Commit graph ADD /icefaces/scratchpads/sparkle/component/src/org/icefaces/component/pushbutton/sprites/sam/split-button-arrow.png
        Commit graph ADD /icefaces/scratchpads/sparkle/component/src/org/icefaces/component/pushbutton/sprites/sam/background-active.gif
        Commit graph ADD /icefaces/scratchpads/sparkle/component/src/org/icefaces/component/selectinputdate/sprites/sam/background-highlight.png
        Commit graph ADD /icefaces/scratchpads/sparkle/component/src/org/icefaces/component/selectinputdate/sprites/sam/right-arrow.png
        Commit graph ADD /icefaces/scratchpads/sparkle/component/src/org/icefaces/component/selectinputdate/sprites/rime/cal_off.gif
        Commit graph ADD /icefaces/scratchpads/sparkle/component/src/org/icefaces/component/selectinputdate/sprites/sam/ice-left-arrow.png
        Commit graph ADD /icefaces/scratchpads/sparkle/component/src/org/icefaces/component/pushbutton/sprites/sam/button-skin.css
        Commit graph ADD /icefaces/scratchpads/sparkle/component/src/org/icefaces/component/selectinputdate/sprites/rime/cal_arrow_left.gif
        Commit graph ADD /icefaces/scratchpads/sparkle/component/src/org/icefaces/component/pushbutton/sprites/sam/button-core.css
        Commit graph ADD /icefaces/scratchpads/sparkle/component/src/org/icefaces/component/selectinputdate/sprites/sam
        Commit graph ADD /icefaces/scratchpads/sparkle/component/src/org/icefaces/component/slider/sprites/sam
        Commit graph ADD /icefaces/scratchpads/sparkle/component/src/org/icefaces/component/pushbutton/sprites/sam
        Commit graph ADD /icefaces/scratchpads/sparkle/component/src/org/icefaces/component/pushbutton/sprites/sam/background-highlight.png
        Commit graph ADD /icefaces/scratchpads/sparkle/component/src/org/icefaces/component/pushbutton/sprites/sam/split-button-arrow-hover.png
        Commit graph ADD /icefaces/scratchpads/sparkle/component/src/org/icefaces/component/slider/sprites
        Commit graph ADD /icefaces/scratchpads/sparkle/component/src/org/icefaces/component/selectinputdate/sprites/sam/close-button.png
        Commit graph ADD /icefaces/scratchpads/sparkle/component/src/org/icefaces/component/slider/sprites/sam/slider.css
        Commit graph ADD /icefaces/scratchpads/sparkle/component/src/org/icefaces/component/pushbutton/sprites/sam/button.css
        Commit graph ADD /icefaces/scratchpads/sparkle/component/src/org/icefaces/component/pushbutton/sprites/sam/background-disabled.gif
        Commit graph ADD /icefaces/scratchpads/sparkle/component/src/org/icefaces/component/selectinputdate/sprites/sam/left-arrow.png
        Commit graph ADD /icefaces/scratchpads/sparkle/component/src/org/icefaces/component/tab/sprites/sam
        Commit graph ADD /icefaces/scratchpads/sparkle/component/src/org/icefaces/component/tab/sprites/sam/tabset.css
        Commit graph ADD /icefaces/scratchpads/sparkle/component/src/org/icefaces/component/selectinputdate/sprites/rime
        Commit graph ADD /icefaces/scratchpads/sparkle/component/src/org/icefaces/component/pushbutton/sprites/sam/split-button-arrow-active.png
        Commit graph ADD /icefaces/scratchpads/sparkle/component/src/org/icefaces/component/tab/sprites/sam/background.png
        Commit graph ADD /icefaces/scratchpads/sparkle/component/src/org/icefaces/component/slider/sprites/sam/rail-y.png
        Commit graph ADD /icefaces/scratchpads/sparkle/component/src/org/icefaces/component/selectinputdate/sprites
        Repository Revision Date User Message
        ICEsoft Public SVN Repository #21633 Wed Jun 02 21:59:25 MDT 2010 art.zambrano ICE-5635 make 'ant clean' remove generated sprites files regardless of whether source files were modified
        Files Changed
        Commit graph MODIFY /icefaces/scratchpads/sparkle/component/build.xml
        Repository Revision Date User Message
        ICEsoft Public SVN Repository #21477 Tue May 25 21:52:52 MDT 2010 art.zambrano ICE-5635 : added ant task for generating sprites only if necessary; modified clean task for sprites, and added sprites-reset task
        Files Changed
        Commit graph MODIFY /icefaces/scratchpads/sparkle/component/build.xml
        Commit graph MODIFY /icefaces/scratchpads/sparkle/component/build.properties
        Repository Revision Date User Message
        ICEsoft Public SVN Repository #21476 Tue May 25 21:12:56 MDT 2010 art.zambrano ICE-5635 : moved sprite sources under /src folder
        Files Changed
        Commit graph ADD /icefaces/scratchpads/sparkle/component/resources/org.icefaces.component.sprites/src/rime
        Commit graph DEL /icefaces/scratchpads/sparkle/component/resources/org.icefaces.component.sprites/sam
        Commit graph ADD /icefaces/scratchpads/sparkle/component/resources/org.icefaces.component.sprites/src/sam
        Commit graph DEL /icefaces/scratchpads/sparkle/component/resources/org.icefaces.component.sprites/rime
        Repository Revision Date User Message
        ICEsoft Public SVN Repository #21475 Tue May 25 21:10:05 MDT 2010 art.zambrano ICE-5635 : add sprites /src folder
        Files Changed
        Commit graph ADD /icefaces/scratchpads/sparkle/component/resources/org.icefaces.component.sprites/src
        Repository Revision Date User Message
        ICEsoft Public SVN Repository #21372 Fri May 07 00:24:21 MDT 2010 art.zambrano ICE-5635 : integrated SmartSprites into Sparkle build tool; added CSS files and images to override Sam skin in calendar, tabset, and slider.
        Files Changed
        Commit graph ADD /icefaces/scratchpads/sparkle/component/resources/org.icefaces.component.sprites/sam/tabset/bullet.png
        Commit graph ADD /icefaces/scratchpads/sparkle/component/resources/org.icefaces.component.sprites/sam/tabset/bullet-off.png
        Commit graph MODIFY /icefaces/scratchpads/sparkle/component/build.xml
        Commit graph ADD /icefaces/scratchpads/sparkle/component/resources/org.icefaces.component.sprites/sam/tabset/background.png
        Commit graph ADD /icefaces/scratchpads/sparkle/component/resources/org.icefaces.component.sprites/sam/tabset
        Commit graph ADD /icefaces/scratchpads/sparkle/component/smartsprites/junit.LICENSE
        Commit graph ADD /icefaces/scratchpads/sparkle/component/resources/org.icefaces.component.sprites/sam/tabset/tabset.css
        Commit graph ADD /icefaces/scratchpads/sparkle/component/resources/org.icefaces.component.sprites/sam/tabset/background-selected-1.png
        Commit graph ADD /icefaces/scratchpads/sparkle/component/smartsprites/commons-math-1.1.LICENSE
        Commit graph ADD /icefaces/scratchpads/sparkle/component/smartsprites/smartsprites.LICENSE
        Commit graph ADD /icefaces/scratchpads/sparkle/component/resources/org.icefaces.component.sprites/sam/calendar/calendar.css
        Commit graph MODIFY /icefaces/scratchpads/sparkle/component/build.properties
        Commit graph ADD /icefaces/scratchpads/sparkle/component/resources/org.icefaces.component.sprites/sam/base
        Commit graph ADD /icefaces/scratchpads/sparkle/component/smartsprites/commons-math-1.1.jar
        Commit graph ADD /icefaces/scratchpads/sparkle/component/smartsprites/smartsprites-0.2.6.jar
        Commit graph ADD /icefaces/scratchpads/sparkle/component/resources/org.icefaces.component.sprites/sam/calendar/right-arrow.png
        Commit graph ADD /icefaces/scratchpads/sparkle/component/resources/org.icefaces.component.sprites/sam/slider/rail-y.png
        Commit graph ADD /icefaces/scratchpads/sparkle/component/smartsprites/google-collections.LICENSE
        Commit graph ADD /icefaces/scratchpads/sparkle/component/smartsprites/args4j-2.0.9.jar
        Commit graph ADD /icefaces/scratchpads/sparkle/component/resources/org.icefaces.component.sprites/sam/calendar/background.png
        Commit graph ADD /icefaces/scratchpads/sparkle/component/resources/org.icefaces.component.sprites/sam/tabset/background-selected-2.png
        Commit graph ADD /icefaces/scratchpads/sparkle/component/resources/org.icefaces.component.sprites/sam/calendar/background-highlight.png
        Commit graph ADD /icefaces/scratchpads/sparkle/component/resources/org.icefaces.component.sprites/sam/calendar/ice-left-arrow.png
        Commit graph ADD /icefaces/scratchpads/sparkle/component/smartsprites/commons-io.LICENSE
        Commit graph ADD /icefaces/scratchpads/sparkle/component/resources/org.icefaces.component.sprites/sam/calendar/ice-right-arrow.png
        Commit graph ADD /icefaces/scratchpads/sparkle/component/resources/org.icefaces.component.sprites/sam/slider/slider.css
        Commit graph ADD /icefaces/scratchpads/sparkle/component/smartsprites/junit-4.4.jar
        Commit graph ADD /icefaces/scratchpads/sparkle/component/smartsprites
        Commit graph ADD /icefaces/scratchpads/sparkle/component/smartsprites/commons-lang-2.3.jar
        Commit graph ADD /icefaces/scratchpads/sparkle/component/smartsprites/args4j.LICENSE
        Commit graph ADD /icefaces/scratchpads/sparkle/component/resources/org.icefaces.component.sprites
        Commit graph ADD /icefaces/scratchpads/sparkle/component/resources/org.icefaces.component.sprites/sam/calendar/left-arrow.png
        Commit graph ADD /icefaces/scratchpads/sparkle/component/resources/org.icefaces.component.sprites/sam/calendar/close-button.png
        Commit graph ADD /icefaces/scratchpads/sparkle/component/smartsprites/commons-lang.LICENSE
        Commit graph ADD /icefaces/scratchpads/sparkle/component/resources/org.icefaces.component.sprites/sam
        Commit graph ADD /icefaces/scratchpads/sparkle/component/smartsprites/commons-io-1.4.jar
        Commit graph ADD /icefaces/scratchpads/sparkle/component/resources/org.icefaces.component.sprites/sam/slider
        Commit graph ADD /icefaces/scratchpads/sparkle/component/smartsprites/google-collections-1.0-rc2.jar
        Commit graph ADD /icefaces/scratchpads/sparkle/component/resources/org.icefaces.component.sprites/sam/slider/rail-x.png
        Commit graph ADD /icefaces/scratchpads/sparkle/component/resources/org.icefaces.component.sprites/sam/base/base.css
        Commit graph ADD /icefaces/scratchpads/sparkle/component/resources/org.icefaces.component.sprites/sam/calendar

          People

          • Assignee:
            Arturo Zambrano
            Reporter:
            Ken Fyten
          • Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

            Dates

            • Created:
              Updated:
              Resolved: