<%@ Page Language="c#" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
<title>Telerik ASP.NET Example</title>
<link rel="Stylesheet" type="text/css" href="styles.css" />
</head>
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
<telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
<telerik:RadFormDecorator RenderMode="Lightweight" runat="server" DecorationZoneID="demo-container" DecoratedControls="All" EnableRoundedCorners="false" />
<div class="demo-container" id="demo-container">
<telerik:RadListView ID="RadListView1" runat="server" DataSourceID="SqlDataSource2"
ItemPlaceholderID="ListViewContainer">
<LayoutTemplate>
<div class="RadListView RadListView_<%# Container.Skin %>">
<asp:PlaceHolder runat="server" ID="ListViewContainer" />
</div>
</LayoutTemplate>
<ItemTemplate>
<fieldset>
<legend><%#Eval("CompanyName")%></legend>
<div class="details">
<div class="photo-container">
<telerik:RadBinaryImage runat="server" ID="RadBinaryImage1" DataValue='<%# Eval("Photo") == DBNull.Value? new System.Byte[0]: Eval("Photo") %>'
AutoAdjustImageControlSize="false" Width="90px" Height="110px" ToolTip='<%#Eval("ContactName", "Photo of {0}") %>'
AlternateText='<%#Eval("ContactName", "Photo of {0}") %>' />
</div>
<div class="data-container">
<ul>
<li>
<label>
Contact Name:</label>
<%#Eval("ContactName")%>
</li>
<li>
<label>
Title:</label>
<%#Eval("ContactTitle")%>
</li>
<li>
<label>
City:</label>
<%#Eval("City")%>
</li>
<li>
<label>
Country:</label>
<%#Eval("Country")%>
</li>
<li>
<label>
Phone:</label>
<%#Eval("Phone")%>
</li>
</ul>
</div>
</div>
</fieldset>
</ItemTemplate>
</telerik:RadListView>
</div>
<asp:SqlDataSource ID="SqlDataSource2" runat="server" ConnectionString="<%$ ConnectionStrings:TelerikConnectionString %>"
ProviderName="<%$ ConnectionStrings:TelerikConnectionString.ProviderName %>"
SelectCommand="SELECT TOP 6 * FROM [CustomerPhotos]"></asp:SqlDataSource>
</form>
</body>
</html>