Few months ago I prepared extended version of ContentArea property widget. Editors can use it to preview item thumbnail. In EPiServer 9 the ContentArea widget implementation changed so I updated extension to support the newest version. The UI is the same as before – each item displays content name and image thumbnail, to see larger image we need to click on the element.

ContentArea editor with image preview

There are two JavaScript files that should be included in the solution:

  • ContentAreaWithPreview
  • _ContentAreaTreeWithPreview

Files could be placed in ClientResources or as a separate module.

ContentArea - solution files

To use extended editor we need to set ClientEditingClass on ContentArea property.

Below is full source code of updated widget.