New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

WebForms Breadcrumb Overview

Breadcrumb Basic Usage




This demo illustrates the RadBreadCrumb for ASP.NET AJAX control.

About RadBreadcrumb for ASP.NET AJAX

RadBreadcrumb is a server-side WebForms wrapper over the Breadcrumb for Kendo UI for jQuery. It is an intuitive UI component that allows navigation within a folder structure or web page and provides an easy way to navigate backwards by one or multiple steps.

RadBreadcrumb and 120+ other controls are part of UI for ASP.NET AJAX, a comprehensive toolset taking care of the common functionality of your application, while leaving you with more time to work on its business logic.

Key Features

  • Renders and operates on the client-side
  • Built-in accessibility, WAI-ARIA and RTL support
  • Support for root and child items
  • Built-in Icons
  • Overflowing
  • Editing functionality
  • Built-in navigation support
  • Support for items ClientTemplate
  • Flexible client-side API
  • Visual Appeal - ships with rich set of skins for easy and consistent styling.

More about Breadcrumb for ASP.NET AJAX
  • DefaultCS.aspx
  • DefaultCS.aspx.cs
<%@ Page CodeFile="DefaultCS.aspx.cs" Language="c#" AutoEventWireup="true" Inherits="Telerik.Web.Examples.Breadcrumb.Overview.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" />
    <div class="demo-container" runat="server">
        <telerik:RadAjaxPanel runat="server">
            <h3>Breadcrumb Basic Usage</h3>
            <telerik:RadBreadcrumb runat="server" ID="RadBreadcrumb2" RootIcon="home">
                <Items>
                    <telerik:BreadcrumbItem Type="RootItem" ShowText="true" Text="Telerik UI for ASP.NET AJAX" />
                    <telerik:BreadcrumbItem Text="Controls" ShowIcon="true" Icon="folder-open" />
                    <telerik:BreadcrumbItem Text="RadBreadcrumb" ShowIcon="true" Icon="folder-open" />
                    <telerik:BreadcrumbItem Text="Overview" Icon="star" ShowIcon="true" />
                </Items>
            </telerik:RadBreadcrumb>
            <br />
            <br />
            <br />
            <telerik:RadButton ID="Button1" runat="server" Text="Refresh Breadcrumb">
                <Icon PrimaryIconCssClass="rbRefresh"></Icon>
            </telerik:RadButton>
        </telerik:RadAjaxPanel>
    </div>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance