Selecting block rendering on a content area

Problem: How to make the CMS display different "display options" for different Block / ContentArea fields.

e.g: A news block that has multiple views: Detail, Call to Action, Summary with three display options for this block as well. In the Content Area that sits in side bar, one displays the summary display option. In the Content Area that sits in the center of a page the detail and summary display options should show.

RestStore – SupportedDisplayOptionsStore

This is where the client script is located to to get the available Display Option items – Custom\Rendering\SupportedDisplayOptionsStore.cs

Custom Scripts: Register Store, DisplayOptionSelector

The difference with Mattias’s post is that you don’t use cache to store Display Options here. So, the CacheManager.js file in not needed in this scenario. Also, you need overwrite the Episerver ContentAreaEditor.js.

Let see the script files in ClientResources folder of the solution.

The below is the test solution result. The Ascend 2018 March 11-March 14 block can be display in main and side bar content in difference views and display options.