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

Immutable Elements

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • Edit in Telerik REPL
HtmlHelper
TagHelper
Files:
immutable_elements.cshtml
Immutable_Elements_TagHelper.cshtml

Also available for:

CLIENT-SIDE API SERVER-SIDE API

Description

The ASP.NET Core web editor and its Immutable Elements feature enables you to predefine elements in the content area that cannot be edited by the end user. 

This demo shows a use case where a mail form is to be edited. You can see also:

  1. How to enable the Immutable Elements—by using the immutables option;
  2. How to define the HTML elements that cannot be edited—by adding the contenteditable='false' attribute;
  3. How to use the immutables.serialization and immutables.deserialization option to change the data shown in the viewHtml dialog and enable end user to control the CSS text-align property from there;
  4. How to define default styles for the immutable elements;
  5. And how to define styles when an immutable element is selected to improve UX.

Support & Learning Resources