1. #1
    Sencha User
    Join Date
    May 2010
    Location
    Jakarta - Indonesia
    Posts
    169
    Vote Rating
    0
    yagi is on a distinguished road

      0  

    Default How to set the image of rowAction to the Center?

    How to set the image of rowAction to the Center?


    Hi All..

    I have a grid and I'm using rowAction plugin, everything is working fine but the image position I used always to the left.
    Here is the screenshot :
    left.JPG

    Here is my rowAction config :
    Code:
    config.rowActions = new Ext.ux.grid.RowActions({
                header: 'Detail',
                width: 50,
                align: 'center', // I set it for the header
                autoWidth: false,
                actions:[{
                    iconCls:'detail',
                    qtip:'Detail',
                    style:'margin:0 0 0 3px'
                    // align: 'left'
                }],
    How can I set the image to the center?

    Thanks..
    Berusaha dan Berdoa

  2. #2
    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


    RowActions uses floating divs, so there is no easy way to center them.

    You would have to modify RowActions to make it use <img>s instead of <div>s and change the styling so it no longer uses float:left. After that change, your align:'center' would work.

  3. #3
    Sencha User
    Join Date
    May 2010
    Location
    Jakarta - Indonesia
    Posts
    169
    Vote Rating
    0
    yagi is on a distinguished road

      0  

    Default


    Ok.., I see..

    Thanks a lot Condor..
    Berusaha dan Berdoa

  4. #4
    Sencha User
    Join Date
    Jun 2010
    Location
    Indonesia
    Posts
    77
    Vote Rating
    0
    pipiet06 is on a distinguished road

      0  

    Default


    i have same problem with yagi..
    i don't understand, Condor.

    Ext.ux.grid.RowActions.css
    PHP Code:
    .ux-row-action-cell .x-grid3-cell-inner {
        
    padding:1px 0 0 0;
    }
    .
    ux-row-action-item {
        
    float:left// change to 'center'
        
    min-width:16px;
        
    height:16px;
        
    background-repeat:no-repeat;
        
    margin0 3px 0 2px;
    /*    margin: 1px 5px 0 2px; */
        
    cursor:pointer;
        
    overflow:hidden;
    }
    .
    ext-ie .ux-row-action-item {
        
    width:16px;
    }
    .
    ext-ie .ux-row-action-text {
        
    width:auto;
    }
    .
    ux-row-action-item span {
        
    vertical-align:middle;
        
    padding:0 0 0 20px;
        
    line-height:18px;
    }
    .
    ext-ie .ux-row-action-item span {
        
    width:auto;
    }

    /* styles for groups */
    .x-grid-group-hd div {
        
    position:relative;
        
    height:16px;
    }
    .
    ux-grow-action-item {
        
    min-width:16px;
        
    height:16px;
        
    background-repeat:no-repeat;
        
    background-position0 50% ! important;
        
    margin0 0 0 4px;
        
    paddingimportant;
        
    cursor:pointer;
        
    float:left;  // change to 'center'
    }
    .
    ext-ie .ux-grow-action-item {
        
    width:16px;
    }
    .
    ux-action-right {
        
    float:right;
        
    margin0 3px 0 2px;
        
    paddingimportant;
    }
    .
    ux-grow-action-text {
        
    paddingimportant;
        
    margin:important;
        
    background:transparent none important;
        
    float:left// change to 'center'

    my code for rowActions
    Code:
    config.rowActions = new Ext.ux.grid.RowActions({
                header: 'Detail',
                width: 50,
                align: 'center',
                autoWidth: false,
                actions:[{
                    iconCls:'detail',
                    qtip:'Detail',
                    style:'margin:0 0 0 3px',
                    align: 'left' // change to 'center'
                }],

    but the image still on the left..
    Thanks
    _pipiet_

Similar Threads

  1. Ext.Direct Struts 2 plugin: extdirectj-s2-plugin
    By stefanorg in forum Ext.Direct
    Replies: 4
    Last Post: 12 Oct 2011, 3:39 AM
  2. need rowaction and column lock in my grid
    By extjsjavero in forum Ext 2.x: Help & Discussion
    Replies: 3
    Last Post: 9 Jul 2010, 4:13 AM
  3. PagingToolbar Plugin Problem with embedding combo box into the plugin
    By msairam.28@gmail.com in forum Ext 2.x: Help & Discussion
    Replies: 0
    Last Post: 1 May 2009, 11:18 AM
  4. How to reload grid after rowaction success?
    By reina8001 in forum Ext.air for Adobe AIR
    Replies: 1
    Last Post: 4 Jul 2008, 3:17 AM

Thread Participants: 2

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