Page 1 of 2 12 LastLast
Results 1 to 10 of 11

Thread: Spacing between icons in actioncolumn

  1. #1
    Sencha User
    Join Date
    Feb 2010
    Location
    Cologne, Germany
    Posts
    26
    Vote Rating
    0
      0  

    Question Spacing between icons in actioncolumn

    Hi @all,

    I introduced the new actioncolumn to my code and it works fine.
    However, I would like to have a (bigger) gap between the icons.

    Is there anyway to do this?

    Regards
    Patrick

    Code:
                   {
                        xtype: 'actioncolumn',
                        header: 'Aktion',
                        menuDisabled: true,
                        width: 25,
                        items: [{
                            icon   : 'images/icons/email_edit.png',
                            tooltip: 'Mailbox bearbeiten',
                            handler: function(grid, rowIndex, colIndex) {
                                var record = grid.getStore().getAt(rowIndex);
                                var name = record.get('name');
                                showInfoMessage(name);
                            }
                        },
                        {
                            icon   : 'images/icons/email_delete.png',
                            tooltip: 'Mailbox lschen',
                            handler: function(grid, rowIndex, colIndex) {
                                var record = grid.getStore().getAt(rowIndex);
                                var name = record.get('name');
                                showInfoMessage(name);
                            }
                        }]
                    }

  2. #2
    Sencha User darthwes's Avatar
    Join Date
    Mar 2010
    Posts
    633
    Vote Rating
    -10
      0  

    Default

    add getClass definition and define margins for your icons?
    Wes

  3. #3
    Sencha User
    Join Date
    Feb 2010
    Location
    Cologne, Germany
    Posts
    26
    Vote Rating
    0
      0  

    Default

    Quote Originally Posted by darthwes View Post
    add getClass definition and define margins for your icons?
    But how?
    Dont know how to use this function

  4. #4
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    118
      2  

    Default

    Something like:
    Code:
    .x-action-col-icon {
        height: 16px;
        width: 16px;
        margin-right: 8px;
    }

  5. #5
    Sencha User
    Join Date
    Feb 2010
    Location
    Cologne, Germany
    Posts
    26
    Vote Rating
    0
      0  

    Default

    Thanks a lot.
    So easy. I always think too complicated.

  6. #6
    Sencha User
    Join Date
    Jan 2012
    Location
    Cochin, Kerala India
    Posts
    1
    Vote Rating
    0
      0  

    Default getClass

    How to use getClass ?

  7. #7
    Sencha User darthwes's Avatar
    Join Date
    Mar 2010
    Posts
    633
    Vote Rating
    -10
      -1  

    Default

    How to read the api docs?
    Wes

  8. #8
    Sencha User
    Join Date
    Feb 2011
    Location
    Taiwan
    Posts
    3
    Vote Rating
    0
      0  

    Default

    add style and keyin .x-action-col-icon { height: 16px; width: 16px; margin-right: 8px;}this work fine , thanks.

  9. #9
    Sencha User
    Join Date
    Feb 2011
    Location
    Taiwan
    Posts
    3
    Vote Rating
    0
      0  

    Default

    add style tage and keyin.x-action-col-icon { height: 16px; width: 16px; margin-right: 8px;}It's work fine , thanks.

  10. #10
    Sencha User
    Join Date
    Oct 2007
    Posts
    239
    Vote Rating
    0
      0  

    Default

    is this the same in Ext6 classic?

    following is not working
    Code:
    getClass: function(v, metadata, r, rowIndex, colIndex, store) {                                
                       metadata.attr = "style='margin-right: 18px;'";
    },

Page 1 of 2 12 LastLast

Similar Threads

  1. ActionColumn iconCls does not render
    By LeonM in forum Ext 3.x: Help & Discussion
    Replies: 11
    Last Post: 10 Jan 2011, 10:59 AM
  2. Handler of ActionColumn does not execute
    By zeruyo in forum Ext 3.x: Help & Discussion
    Replies: 10
    Last Post: 9 Nov 2010, 7:59 AM
  3. ActionColumn renderer how to call
    By schoonmoeder in forum Ext 3.x: Help & Discussion
    Replies: 6
    Last Post: 27 Aug 2010, 2:21 AM
  4. changing icons in actioncolumn (3.3 beta)
    By schoonmoeder in forum Ext 3.x: Help & Discussion
    Replies: 0
    Last Post: 23 Aug 2010, 11:24 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
  •