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
    -13
    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,251
    Vote Rating
    73
    Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold Condor is a splendid one to behold

      0  

    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
    -13
    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

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar