All Components

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

ASP.NET Core ColorPicker Declarative Initialization

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • Edit in Telerik REPL
  • Change Theme
    default
    Default Theme
    • Main
    • Main Dark
    • Nordic
    • Ocean Blue
    • Ocean Blue A11Yaccessibility
    • Purple
    • Turquoise
    Bootstrap Theme
    • Main
    • Bootstrap 3
    • Bootstrap 3 Dark
    • Main Dark
    • Nordic
    • Turquoise
    • Turquoise Dark
    • Urban
    • Vintage
    Material Theme
    • Main
    • Arctic
    • Lime Dark
    • Main Dark
    • Material 2
    • Material 2 Dark
    • Nova
    Classic Theme
    • Main
    • Green
    • Green Dark
    • Lavender
    • Lavender Dark
    • Main Dark
    • Metro
    • Metro Dark
    • Moonlight
    • Opal
    • Opal Dark
    • Silver
    • Silver Dark
    • Uniform
    Fluent Theme
    • Main
declarative_initialization.cshtml
Declarative_InitializationController.cs

Description

TheTelerik UI for ASP.NET Core ColorPicker supports thedeclarative initialization feature, where the component declaration is serialized as an MVVM declarative configuration instead of as an inline initialization script.

The declarative initialization feature serializes the helper declaration as an MVVM configuration and initializes the component from the DOM elements on the client. This functionality is suitable when theContent Security Policy (CSP) is enabled and eliminates the requirement to call theDeferredScriptFile() orDeferred() methods thatdefer the initialization script generated after the component's HTML markup.

This example demonstrates how to enable the declarative initialization of the ColorPicker:

  1. Add theUseMvvmInitialization() option in the helper declaration.
  2. Within the $(document).ready() function, call thekendo.bind() method and pass the element that wraps the helper declaration or theName() of the component by selecting it with jQuery.

Additional Apps

This ColorPicker example is part of unique collection of hundreds of ASP.NET Core demos, with which you can see allTelerik ASP.NET Core components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance inTelerik REPL for ASP.NET Core orThemeBuilder.

Support & Learning Resources

Additional Resources