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

Styles

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • EDIT IN TELERIK REPL
  • Change Theme
    default

    Themes & Swatches

    SASS
    LESS
    Launch Theme Builder
    Default Theme
    • Main
    • Main Dark
    • Nordic
    • Ocean Blue
    • Purple
    • Turquoise
    Bootstrap Theme
    • Main
    • Main Dark
    • Nordic
    • Urban
    • Vintage
    Material Theme
    • Main
    • Arctic
    • Lime Dark
    • Main Dark
    • Nova
    Classic Theme
    • Main
    • Main Dark
    • Opal
    • Silver
HtmlHelper
TagHelper
Files:
styles.cshtml
StylesController.cs
Styles_TagHelper.cshtml

Also available for:

CLIENT-SIDE API SERVER-SIDE API

Description

The demo presents you how to use the Editor's style tool, which provides the ability to customize the component's content by means of custom CSS classes and styling, and a CSS file registered in the Editor iframe document.

You can register and import your own CSS file into the content area through the StyleSheets option:
.StyleSheets(css => css.Add(Url.Content("~/PATH_TO_CSS_FILE/CSS_FILE.css")))

Use the Tools -> Formatting -> Add("Dropdown Item Name",".CSS Class Name") method to populate the Format dropdown with options. Note that the specified CSS class should exist in the CSS file imported in the content area through the StyleSheets -> Add method.

Support & Learning Resources