<%@ Page Language="c#" AutoEventWireup="true" Inherits="Telerik.Web.Examples.Timeline.Overview.DefaultCS" CodeFile="DefaultCS.aspx.cs" %>
<%@ 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 href="styles.css" rel="stylesheet" />
<script src="scripts.js"></script>
</head>
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
<telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
<div class="demo-container" runat="server">
<telerik:RadTimeline runat="server" ID="RadTimeline1" AlternatingMode="true" CollapsibleEvents="true" Orientation="Vertical">
<ClientEvents OnDataBound="OnDataBound" />
<WebServiceClientDataSource>
<WebServiceSettings>
<Select Url="events-vertical-part1.json" DataType="JSON" />
</WebServiceSettings>
<Schema>
<Model>
<telerik:ClientDataSourceModelField DataType="Date" FieldName="date" />
</Model>
</Schema>
<SortExpressions>
<telerik:ClientDataSourceSortExpression FieldName="date" SortOrder="Desc" />
</SortExpressions>
</WebServiceClientDataSource>
</telerik:RadTimeline>
</div>
</form>
</body>
</html>