Sprite images

2 posts, 0 answers
  1. Jon
    Jon avatar
    813 posts
    Member since:
    Oct 2008

    Posted 09 Nov 2009 Link to this post


    Can anyone recommend a decent tool for working with the sprite images and for that matter what would be very useful is a description of what each image in the various sprite files is for. ie, menu hovered background starts at 0,0 ends at 16,200.

    I'm working on increasing the height of images in the RadMenu sprite file and am hitting two issues, firstly trawling through the css to work out what I need to change and secondly once I know that editing the images themselves while maintaining one file will be tricky.

    Any thoughts?


  2. Kamen Bundev
    Kamen Bundev avatar
    1532 posts

    Posted 12 Nov 2009 Link to this post

    Hello Jon,

    There is no sprite tool that can directly expand the image dimensions when you resize a part of the image or at least I'm not aware of one. For sprite editing we can only recommend general purpose image editing tools as Adobe Photoshop or the free ones like Paint.NET and Gimp. In all of them you will need to manually move the parts of the image below the area you want to expand in order to make room for the change. This will also lead to editing all the background-positions in the CSS file in order to accommodate the change.

    I'm attaching a psd file for the RadMenu sprite, you can check the layer names for more information which layer is used where. You can also use this file as a starting point for your skin.

    If you still have problems creating your skin, you can send me the skin in its current state and a screenshot/mockup of how it should look and I will expand it for you. Open a support ticket if needed.

    All the best,
    Kamen Bundev
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Back to Top