Results 1 to 2 of 2

Thread: tabbar ground

  1. #1
    Sencha User
    Join Date
    Mar 2010
    Vote Rating

    Post tabbar ground

    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?

    x-button img.x-icon-mask.reply{-webkit-mask-image:url('data:image/png;base64,

    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.

    best regards

  2. #2
    Sencha User existdissolve's Avatar
    Join Date
    Jan 2010
    Vote Rating


    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:

Similar Threads

  1. [OPEN-672] TabBar + field focus + swipe = Undocked TabBar.
    By Bucs in forum Sencha Touch 1.x: Bugs
    Replies: 3
    Last Post: 20 Dec 2010, 1:23 PM
  2. Replies: 2
    Last Post: 30 Jul 2010, 6:50 PM
  3. Text box back ground color
    By kishorgaur in forum Ext 2.x: Help & Discussion
    Replies: 0
    Last Post: 4 Jun 2009, 12:07 AM
  4. Wanted: Ext-GWT (GXT) coder who can hit the ground running
    By DaBlick in forum Community Discussion
    Replies: 0
    Last Post: 1 Apr 2009, 8:23 AM
  5. Back Ground settings .....
    By emmadi in forum Ext 2.x: Help & Discussion
    Replies: 1
    Last Post: 12 Jan 2009, 7:50 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts