ASP.NET Core Loader Overview

The Telerik UI Loader TagHelper and HtmlHelper for ASP.NET Core are server-side wrappers for the Kendo UI Loader widget.

The Loader component is a visual indicator that expresses an indeterminate wait time. It informs users about the status of ongoing processes, such as loading an application, submitting a form, saving updates or fetching data.

• Demo page for the Loader HtmlHelper

• Demo page for the Loader TagHelper

Initializing the Loader

The following example demonstrates how to define the Loader.

Razor

    @(Html.Kendo().Loader()
        .Name("loader")
    )

Razor

    <kendo-loader name="loader"></kendo-loader>

Basic Configuration

The following example demonstrates the Loader in action.

Razor

    @(Html.Kendo().Loader()
        .Name("loader")
        .Size(LoaderSize.Large)
        .ThemeColor(LoaderThemeColor.Secondary)
        .Type(LoaderType.InfiniteSpinner)
    )

Razor

    <kendo-loader name="loader"
        type="LoaderType.InfiniteSpinner" 
        size="LoaderSize.Large" 
        themeColor="LoaderThemeColor.Secondary">
    </kendo-loader>

Functionality and Features

• Appearance—Explore the available options for customizing the Loader appearance.
• Integration—The Loader can be integrated into another components.
• Accessibility—The Loader is accessible by screen readers and provides WAI-ARIA, Section 508, and WCAG 2.2 compatibility.

Next Steps

• Getting Started with the Loader

• Basic Usage of the Loader HtmlHelper for ASP.NET Core (Demo)

• Basic Usage of the Loader TagHelper for ASP.NET Core (Demo)

See Also

• Loader Integration ASP.NET Core (Demo)
• Knowledge Base Section