1. #1
    Sencha User
    Join Date
    Feb 2010
    Location
    Cologne, Germany
    Posts
    26
    Vote Rating
    0
    serverfreak1982 is on a distinguished road

      0  

    Question Spacing between icons in actioncolumn

    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 löschen',
                            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
    -11
    darthwes can only hope to improve

      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
    serverfreak1982 is on a distinguished road

      0  

    Default


    Quote Originally Posted by darthwes View Post
    add getClass definition and define margins for your icons?
    But how?
    Don´t 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
    97
    Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of

      1  

    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
    serverfreak1982 is on a distinguished road

      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
    miqdadalik is on a distinguished road

      0  

    Default getClass

    getClass


    How to use getClass ?

  7. #7
    Sencha User darthwes's Avatar
    Join Date
    Mar 2010
    Posts
    633
    Vote Rating
    -11
    darthwes can only hope to improve

      -2  

    Default


    How to read the api docs?
    Wes

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

Thread Participants: 3