:: Forum >>

icons for tabs

apparently the icons for tabs are a collection of icons in one single file "icons.png". I have never seen a flile like this, but would like to build one on my own with flags of different countries. Are there any refernces in the net, how to build such icon-composition in one png file?

Many thanks and merry christmas to you all.
Peter Betzler
Sunday, December 25, 2005
You don't necessarily have to use the same style of using the single image and it's position to determine the image being used, but I am not sure what the benefits are. One would think maybe load time, or just for organization.

This is how I use mine, 1 image per tab

var tabs = new AW.UI.Tabs;
tabs.setItemText(["Tab1", "Tab2", "Tab3"]);
tabs.setItemImage(["t1", "t2", "t3"]);

So now there are 3 tabs and you just need to associate style with the item image name like so.

.aw-image-t1{background:url(t1.png) -8px -7px;}
.aw-image-t2{background:url(t2.png) -8px -7px;}
.aw-image-t3{background:url(t3.png) -8px -5px;}

Notice the image names above are accessed in the style sheet code. I just had to find the happy pixel amount to which the images looked good in the tabs.
Sunday, December 25, 2005
Tanks a bundle Tony. This was of great help.


Peter Betzler
Tuesday, December 27, 2005

This topic is archived.

Back to support forum

Forum search