1. 23 Jan 2013 8:26 PM #1
    coletek
    coletek is offline
    Sencha User
    Join Date
    Sep 2012
    Posts
    142
    Vote Rating
    0
    Answers
    18
    coletek is on a distinguished road
      0  

    Default Answered: How do you include a sencha touch icon within itemTpl

    Answered: How do you include a sencha touch icon within itemTpl


    If I have a list with the following:

    Code:
    itemTpl: '{name} <tpl if="is_locked == 0">LOCKED</tpl>',
    Then how do I correctly replace the word LOCKED with the sencha touch icon "sdk/resources/themes/images/default/pictos/lock_closed.png"

    Best Regards,
    What comes around goes around
    Reply With Quote Reply With Quote
  2. Best Answer Posted by shepsii

    If you use a DOM inspector to see how Sencha Touch does icons for buttons, you can easily replicate this with your own HTML and CSS.

    Code:
    itemTpl: new Ext.XTemplate(
        '<span class="{iconCls} x-list-icon x-icon-mask"></span>',
        '{title}'
      ),
    Works for me, not sure if I also have extra CSS or not...
  3. 23 Jan 2013 11:59 PM #2
    shepsii
    shepsii is offline
    Sencha User
    Join Date
    Jan 2012
    Location
    London, UK
    Posts
    411
    Vote Rating
    37
    Answers
    17
    shepsii has a spectacular aura about shepsii has a spectacular aura about
      0  

    Default


    If you use a DOM inspector to see how Sencha Touch does icons for buttons, you can easily replicate this with your own HTML and CSS.

    Code:
    itemTpl: new Ext.XTemplate(
        '<span class="{iconCls} x-list-icon x-icon-mask"></span>',
        '{title}'
      ),
    Works for me, not sure if I also have extra CSS or not...
    Reply With Quote Reply With Quote