Repeater Image

[humam]

hi, I am facing a difficulty in understanding the retrieval of multiple images in this demo (here)
based on the code provided:

<asp:Repeater runat="server" ID="Repeater1" DataSourceID="SqlDataSource1" OnItemDataBound="repeater1_ItemDataBound">
<ItemTemplate>
       <div style="border: 1px solid #999999; float: left; margin: 3px; width: 125px; height: 125px;
         background-image: url('<%# Eval("ProductID", "../../../Img/Northwind/Products/{0}.jpg") %>');">
                    <div runat="server" id="smallImage" style="width: 125px; height: 125px; background-position: center;
                        background-repeat: no-repeat;">
                    </div>
                </div>
            </ItemTemplate>
        </asp:Repeater>

1) From where the background-image is taking the images, and what is this path?
2) How can I store Images in the database and assign them to each product accordingly?

Best Regards,
humam.

[Marin Bratanov]

Hi Humam,

The images are located in a separate directory (with a relative path "../../../Img/Northwind/Products/"). You can examine it in your local installation folder under Live Demos, because you have the Online demos installed locally when you install the Telerik RadControls for ASP.NET AJAX package.

The Eval command is run on the server and takes the ProductID from the database and uses it as the image name (the images are, therefore, named accordingly when created) - note the {0} placeholder that is used.

For more information on how to use an asp repeater and the databinding options you can take a look at the following online resourses that a quick search on google turned up:

http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.repeater.aspx

http://support.microsoft.com/kb/307860

All the best,
Marin
the Telerik team