Tag and HTML Helpers Overview

The Telerik UI Tag and HTML Helpers for ASP.NET Core are server-side wrappers that enable you to use and configure the Kendo UI for jQuery components in an ASP.NET Core application. Both helper flavors offer the same functionality, and you can choose which one to use depending on your preferences.

You can add the desired Tag or HTML Helpers to your application and then configure them further by using predefined strongly typed attributes. The helpers also allow you to handle the events of the components in your ASP.NET Core projects.

Components vs. Helpers

The following list describes how the UI for ASP.NET Core helpers differ from the Kendo UI components.

The UI for ASP.NET Core helpers:

  • Allow you to create components with no HTML and JavaScript coding.
  • Provide for server-side data binding and, in some cases, server-side rendering.
  • Allow you to use the ToDataSourceResult() extension method for binding Kendo UI components to server-side collections and for performing data operations (paging, sorting, filtering, and grouping).
  • Provide integration with some ASP.NET Core features such as security trimming and editor templates.
  • Support unobtrusive validation based on Data Annotation attributes.
  • Enable a simple implementation of CRUD operations.
  • Support Visual Studio IntelliSense for the server-side configuration syntax.
  • Enable Visual Studio Extensions for automatic creation of new Telerik UI for ASP.NET Core applications and for automatic updating of the Telerik UI version.
  • Enable you to use scaffolding to generate component declarations and related controller action methods.

The Kendo UI for jQuery widgets:

Known Issues

  • Tag Helpers might need to be disabled on pages where components render custom content—for example, the Button, Editor, Splitter, Tooltip, or Window. Some Tag Helpers, such as the href one, are processed automatically and result in invalid HTML.

    @removeTagHelper "*, Microsoft.AspNet.Mvc.Razor"
    @removeTagHelper "*, Microsoft.AspNetCore.Mvc.Razor"
    
  • The TagMode enum of the MultiSelect is now renamed to MultiSelectTagMode.

  • Deferred() can be invoked only as a last setting.

    @(Html.Kendo().NumericTextBox()
          .Name("age")
          /* Other configuration. */
          .Deferred()
    )
    
  • The Grid does not support server-side rendering as available in Telerik UI for ASP.NET MVC. The toolbar template, column header template, and column template are no longer rendered on the server.

  • Some changes were introduced with the Enum naming in Telerik UI for ASP.NET Core Charts:

Previous Enum Now
ChartAreaStyle ChartSeriesLineStyle
ChartAreaMissingValues ChartSeriesMissingValues
ChartBarGradient ChartSeriesGradient
ChartBarLabelsPosition ChartSeriesLabelsPosition
ChartFunnelLabelsAlign ChartSeriesLabelsAlign
ChartFunnelLabelsPosition ChartSeriesLabelsPosition
ChartLineMissingValues ChartSeriesMissingValues
ChartLineStyle ChartSeriesStyle
ChartPieLabelsAlign ChartSeriesLabelsAlign
ChartPieLabelsPosition ChartSeriesLabelsPosition
ChartPointLabelsPosition ChartSeriesLabelsPosition
ChartPolarAreaStyle ChartSeriesLineStyle
ChartPolarLineStyle ChartSeriesLineStyle
ChartRadarAreaStyle ChartSeriesLineStyle
ChartRadarLineStyle ChartSeriesLineStyle
ChartRangeAreaLabelsPosition ChartSeriesLabelsPosition
ChartScatterLineMissingValues ChartSeriesMissingValues
ChartScatterLineStyle ChartSeriesStyle
  • The Thumbnails view of the UI for ASP.NET Core Editor's ImageBrowser is not supported because the System.Drawing namespace is not part of ASP.NET Core. However, you can process images on the server side by using a third-party library.

See Also

In this article