Results 1 to 3 of 3

Thread: How to use new Pictos?

  1. #1
    Sencha User
    Join Date
    Aug 2010
    Posts
    82
    Vote Rating
    0
      0  

    Default How to use new Pictos?

    Hi there,

    Can anyone give an example how to use new pictos on a toolbar.

    I cannot find any icon classes for the new pictos in the css file and iconMask:true does not seem to work. API does not have anything either.

    Thanks in advance,
    Jac

  2. #2
    Sencha User
    Join Date
    Jun 2009
    Posts
    37
    Vote Rating
    0
      0  

    Default

    Same for me. When using pictos like toolbar icons, I just get a white box. Using icon:'url' seems to be no option, because then scaling does not work.

  3. #3
    Sencha User
    Join Date
    Jun 2009
    Posts
    37
    Vote Rating
    0
      0  

    Lightbulb Solved!

    Got it!

    You need to create classes for the icons, as there are only CSS classes present for some of the pictos icons.

    in resources/themes/stylesheets/sencha-touch/default/widgets you will find the file _buttons.scss. There you will find somethink looking like
    Code:
    @include pictos-button-iconmask('action');
    Add all other pictos you want to use and recompile the scss files using sass / compass as described here: http://www.sencha.com/blog/2010/06/2...assy-with-css/

    Then you can use iconMask:true; and iconCls:'...' with all pictos.

Similar Threads

  1. [OPEN-436] (0.97) Pictos filenames
    By cnelissen in forum Sencha Touch 1.x: Bugs
    Replies: 2
    Last Post: 28 Oct 2010, 6:58 PM
  2. Pictos Font
    By cnelissen in forum Sencha Touch 1.x: Discussion
    Replies: 0
    Last Post: 7 Sep 2010, 10:15 AM

Posting Permissions

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