16 Feb 2011 10:48 AM #1
how can i change the images in the tabbar on the ground,...there i found that : webkit-mask-image
but how can i get my own images in there?
i found in the css, so if i add my own png, how do i add this, which size and which format does this image now have to have so that it works, if i do not embedd it into the css.
26 Feb 2011 7:16 AM #2
The easiest way would be to look at the icons in sencha/resources/themes/default/images/pictos, and then base your custom icons off of how these are created.
Next, you could save your custom images in this directory, and then create your own custom theme and use the SASS @include directive to add your custom icons into the available "set". This way, you can simply use the same methodology for specifying icons for tabs (e.g., iconCls: "mycustomicon"), and don't need to bother with trying to add custom CSS.
Here are some good articles which summarizes exactly what you'll need to pull this off: http://www.vinylfox.com/custom-styli...cha-touch-app/
By Bucs in forum Sencha Touch 1.x: BugsReplies: 3Last Post: 20 Dec 2010, 1:23 PM
By kostik83 in forum Sencha Touch 1.x: DiscussionReplies: 2Last Post: 30 Jul 2010, 6:50 PM
By kishorgaur in forum Ext 2.x: Help & DiscussionReplies: 0Last Post: 4 Jun 2009, 12:07 AM
By DaBlick in forum Community DiscussionReplies: 0Last Post: 1 Apr 2009, 8:23 AM
By emmadi in forum Ext 2.x: Help & DiscussionReplies: 1Last Post: 12 Jan 2009, 7:50 PM