Gelmiş geçmiş en büyük porno sitemiz olan 2pe de her zaman en kaliteli pornoları sunmayı hedefledik. Diğer video sitemiz olan vuam da ise hd porno ağırlıklı çalışmalara başladık.

  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,246
    Vote Rating
    82
    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

      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