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

Immutable Elements

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
immutable_elements.cshtml
Immutable_ElementsController.cs

Also available for:

CLIENT-SIDE API SERVER-SIDE API

Description

The ASP.NET MVC 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