Results 1 to 5 of 5

Thread: Direct link to pictos icons

Hybrid View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Sencha User
    Join Date
    Jan 2012
    Posts
    16
    Vote Rating
    0
      0  

    Default Direct link to pictos icons

    I'm trying to link directly to a pictos icon from one of my views but not sure what the url is. Here's my code:

    itemTpl: Ext.create('Ext.XTemplate',
    '<tpl for=".">',
    '<div class="seat-details">',
    '<div>Seat {seat}</div>',
    '<input type="button" name="remove-seat-{seat}" value="Remove"/>',
    '<tpl for="seat_order">',
    '<div>({item.quantity}){item.short_name}<span style="float: right">${item.price}<span><img src="lib/touch/resources/themes/images/default/pictos/minus1.png" name="remove-item-{item.item_id}"/></div>',
    '</tpl>',
    '</div>',
    '</tpl>'
    ),

    My app hierarchy is basically this
    www
    - app
    -lib
    -touch
    -resources ... you get the idea.
    - index.html

    Basically I need to find out what to put in the src attribute for <img src=""

    Thanks

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,556
    Answers
    3931
    Vote Rating
    1272
      0  

    Default

    I would think that path would work.
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

  3. #3
    Sencha User
    Join Date
    Jan 2012
    Posts
    16
    Vote Rating
    0
      0  

    Default

    I'm not sure. What it does do is put a black bar where the image should be (See Screenshot). You'll notice I have other images that just have a question mark place holder. That's because the src url's on those are definitely wrong.

    iOS Simulator Screen shot Jan 5, 2012 3.06.47 PM.jpg

    I've seen the black bar thing before. When I added a iconCls to a button. I didn't apply the @include pictos-iconmask(myicon) so the image wasn't showing up.

    So I've included that mixin again for this image but still nothing.

  4. #4
    Sencha User
    Join Date
    Jan 2012
    Posts
    16
    Vote Rating
    0
      0  

    Default

    Here's a screenshot when I prepend "../" onto the url so src="../lib/touch/resources...

    iOS Simulator Screen shot Jan 5, 2012 3.17.23 PM.jpg

  5. #5
    Sencha User
    Join Date
    Jan 2012
    Posts
    16
    Vote Rating
    0
      0  

    Default

    Ok got it working. I had forgot to compile my sass

    But for future reference you must include the following in your scss file

    @include pictos-iconmask(iconname);

    And compile before it will work.
    Attached Images Attached Images

Posting Permissions

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