Page 2 of 2 FirstFirst 12
Results 11 to 17 of 17

Thread: Modifying disclosure button in list item

  1. #11
    Sencha User
    Join Date
    Jul 2010
    Location
    Switzerland
    Posts
    78

    Default

    mine looks like this:
    Code:
    #blabla.x-list .x-list-disclosure {
    	-webkit-mask: url('data:image/png;base64,iVBORw0KGgoAAA.........') !important;
    	width: 1.6em;
    	height: 1.6em;
    	-webkit-mask-size: 1.6em 1.6em;
    }

  2. #12
    Touch Premium Member
    Join Date
    May 2011
    Posts
    24

    Default

    Thanks. That fixed it. I was missing the :
    Code:
    #blabla.x-list

  3. #13
    Sencha User
    Join Date
    Dec 2011
    Location
    PUNE,INDIA
    Posts
    28

    Default

    Here

    #blabla.x-list .x-list-disclosure {
    -webkit-mask: url('data:image/png;base64,iVBORw0KGgoAAA.........') !important;
    width: 1.6em;
    height: 1.6em;
    -webkit-mask-size: 1.6em 1.6em;
    }

    what it is??

  4. #14
    Sencha User
    Join Date
    Jul 2010
    Location
    Switzerland
    Posts
    78

    Default

    That is the image file you want to use as mask. You can use an online converter tool to get the base64 encoded string for your images.

  5. #15
    Sencha User
    Join Date
    Dec 2011
    Location
    PUNE,INDIA
    Posts
    28

    Default

    in place of image there is box coming
    what to do next>?

  6. #16
    Sencha User
    Join Date
    Jul 2010
    Location
    Switzerland
    Posts
    78

    Default

    Not sure where you're going wrong, I can't help you if you don't show me your relevant code. Does the id match your list id?

  7. #17
    Sencha User
    Join Date
    Dec 2011
    Location
    PUNE,INDIA
    Posts
    28

    Question

    This is my code I have written this in css file...

    #blabla.x-list .x-list-disclosure {
    -webkit-mask: url('data:image/png;base64,iVBORw0KGgoAAAA....');
    width: 1.6em;
    height: 1.6em;
    -webkit-mask-size: 1.6em 1.6em;
    }

    this i have added in panel...
    var myList = new Ext.List({ // creating a list with id myList
    id : 'myList',
    store : App.stores.listStore,
    cls : 'border',
    // content which will be displayed on list
    itemTpl : '<div class="listItemTitle">{documentName}</div>',
    disclosure : {
    scope : 'test',
    iconCls : 'add'
    },
    onItemDisclosure : function(myList, item, index) {
    alert(index);
    }
    });
    I don't know y its not coming.
    Please help!!

Page 2 of 2 FirstFirst 12

Similar Threads

  1. disclosure and itemtap on list
    By stefx in forum Sencha Touch 1.x: Discussion
    Replies: 1
    Last Post: 2 Sep 2011, 4:23 AM
  2. [SOLVED] Problem with List Disclosure
    By unpurposed in forum Sencha Touch 1.x: Discussion
    Replies: 0
    Last Post: 11 Aug 2010, 6:18 AM
  3. a button in the list item, is it possible?
    By abe8810 in forum Ext 1.x: Help & Discussion
    Replies: 0
    Last Post: 5 Oct 2007, 8:26 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
  •