Text in front of image in Grid cell

1

Hi

I want to put a number of a selected cow on to an image of a cows eartag into a grid cell.

Is there anyway of putting text in front (Rather than before or after) of an image in a grid cell?

2

I often use w3schools as my starting point for discovering how to layout elements - here is their guide to overlaying text on an image. Basically add a container div into the cell and then include the image and text within the container How To Position Text Over an Image

3

That sounds like a good way of doing it.
I can’t find how I assign the container to a grid cell. I’m using basic but can follow a little Javascript.

4

Try something like:

Grid1.setValue(0,1,"<div class='container'><img src='cow.jpg' id='Grid1_0_1' style='width:100%'><div class='centered'>Centered</div></div>")

And remember to define the classes in your css

5

Thank you. I’ll give that a go.