<%@ Page CodeFile="DefaultCS.aspx.cs" Language="c#" AutoEventWireup="true" Inherits="Telerik.Web.Examples.Breadcrumb.Navigation.DefaultCS" %>
<%@ 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>
</head>
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
<telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
<script>
var $ = $ || $telerik.$;
function onBreadcrumbClick(breadCrumb, args) {
var contentEl = $("#contentFrame");
var targetUrl = args.get_item().href;
contentEl.attr("src", targetUrl);
}
</script>
<div class="demo-container" runat="server">
<telerik:RadAjaxPanel runat="server">
<telerik:RadBreadcrumb runat="server" ID="RadBreadcrumb1" Navigational="false">
<ClientEvents OnClick="onBreadcrumbClick" />
<Items>
<telerik:BreadcrumbItem Type="RootItem" ShowText="true" Text="Telerik UI for ASP.NET AJAX" Href="https://docs.telerik.com/devtools/aspnet-ajax/" />
<telerik:BreadcrumbItem Text="Controls" Href="https://docs.telerik.com/devtools/aspnet-ajax/" />
<telerik:BreadcrumbItem Text="RadPdfViewer" Href="https://docs.telerik.com/devtools/aspnet-ajax/controls/pdfviewer/overview" />
<telerik:BreadcrumbItem Text="Toolbar and Tools" Href="https://docs.telerik.com/devtools/aspnet-ajax/controls/pdfviewer/functionality/toolbar-and-tools" />
</Items>
</telerik:RadBreadcrumb>
<br />
<iframe id="contentFrame" width="100%" height="600" src="https://docs.telerik.com/devtools/aspnet-ajax/controls/pdfviewer/functionality/toolbar-and-tools"></iframe>
<br />
<br />
<telerik:RadButton ID="Button1" runat="server" Text="Refresh Breadcrumb">
<Icon PrimaryIconCssClass="rbRefresh"></Icon>
</telerik:RadButton>
</telerik:RadAjaxPanel>
</div>
</form>
</body>
</html>