[Solved] Image in the background of the cell

[tcipcic]

Is there a way to put some image in the background of the cell of the grid?

[Daniel]

Hello Tomislav,

You can use the following approach:
Conditional Formatting for rows/cells on ItemDataBound

Regards,
Daniel
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[tcipcic]

But I still can't find some property with wich I can display a picture in the cell(jpg or gif or something alike).

[Daniel]

Hello Tomislav,

A sample code snippet in C# is shown below:

protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e)
{
    if (e.Item is GridDataItem)
        e.Item.Cells[2].Style.Add("background-image", "img.png");
}

Hope this helps.

Regards,
Daniel
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[tcipcic]

Thanks you Daniel,but now I have another problem.After my grid is loaded my background images are not displeyed right away,I have to click some item in the grid to view the images.

[Daniel]

Hello Tcipcic,

May I examine your approach locally? In this way I will be able to provide more to-the-point answer for you. You can attach a simplified version of the project to formal support ticket.

Kind regards,
Daniel
the Telerik team

Check out Telerik Trainer , the state of the art learning tool for Telerik products.

[Patrick Lane]

What was the result of this? Is it possible to display an image as background to a grid cell or not?

Thanks, Patrick

[tcipcic]

Yes, it is. I opened a support ticket as Daniel suggested and we solved this issue.
The problem was that I used Server.MapPath() method to set background-image path. When I changed it to code below, it worked fine.

Here's support ticket conclusion:

--------------------------------------------------------

Thanks Pavlina for your help, this solved first issue I had.

Later I found out another issue which I succesfully solved myself. It seems that using Server.MapPath() method produces a path string which is not recognized by background-image. When I changed it to path string you see below it started working.

See code below for reference. First pathImage doesn't work in my solution, the other one does.

Thanks again,

Tom

----------------------

/*
string pathImage = System.IO.Path.Combine(Server.MapPath(ConfigurationManager.AppSettings["FolderColorImages"]),
"Small_ColorImage_" + item["colBoja"].Text + item["colStazaSlike"].Text);
*/

string pathImage = ConfigurationManager.AppSettings["FolderColorImages"] +
"/Small_ColorImage_" + item["colBoja"].Text + item["colStazaSlike"].Text;

item["colBoja"].Text = "";
item["colBoja"].Style["background-image"] = pathImage;