1. #1
    Sencha User
    Join Date
    Jul 2011
    Posts
    95
    Vote Rating
    2
    TiloS is on a distinguished road

      0  

    Default Put an image over a cell - cell position

    Put an image over a cell - cell position


    Hello,

    I want to put an image over a cell of a grid. The image should overhang beyond one border.

    In the renderer function of the column I tryed this:

    Code:
    renderer: function(value, metadata, record) {
    
        var pos = this.getPosition();
                                
        value = '<div style="position:absolute;top:' + pos[0] + 'px;left:' + pos[1] + 'px;z-index:1;"><img src="image.png" /></div>';
                                    
        return value;
    }
    But I get the wrong position of the cell. What could be wrong?

    Regards
    Tilo

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,647
    Vote Rating
    898
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    So in each row in this column you want an image but that image needs to be larger than that cell?
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    Jul 2011
    Posts
    95
    Vote Rating
    2
    TiloS is on a distinguished road

      0  

    Default


    Yes, in several rows conditional on the value. And yes, the image needs to be larger than the cell. With the image I want to point graphically (maybe with an arrow) to the next cell or to the cell below.

Thread Participants: 1