A critical vulnerability was discovered in React Server Components (Next.js). Our Systems Remain Fully Protected. Learn More

ling
ling  -  CMS
Nov 17, 2021
  7167
(4 votes)

Improve user experience with ContentArea and ContentReference

In EPiServer.CMS.UI 12.1.0, several user experience improvements were made.

Easily navigate to the selected item in ContentReference properties

The Edit/View command is added to the selected item, so now users can easily go to that item. If the selected item is a block, it also has the Quick Edit command.

The Edit/View command is available even if the ContentReference property is readonly

Display restriction information for ContentReference and ContentArea

You can see which content types you are allowed or disallowed to add to the current ContentArea or ContentReference, the same way ContentReferenceList has.

The old message is removed when there is no restriction.
"You can add these content types
All"

Change button text from ... to Select [Type]

The button text now explicitly indicates which content type you can select.

 

Widen the input field for ContentReference properties

ContentReference input field becomes wider. Currently it only applies for main content area. In dialogs, it still keeps the old length.

 

Nov 17, 2021

Comments

Scott Reed
Scott Reed Nov 18, 2021 08:09 AM

Looks good, the only thing is some big sites I've worked on have nearly 100 content types, so if the "Exceptions" list is everything it's going to get VERY messy

Linh Nguyen
Linh Nguyen Nov 18, 2021 07:29 PM

Hi Scott!
Thanks for your feedback. I think it's a good point and I think we can introduce a setting option to make customers be able to turn the restriction info on or off.

Scott Reed
Scott Reed Nov 18, 2021 07:31 PM

Yes or maybe you can show the first x number and click to expand or show in an overlay or something to see the full list.

Trí Lâm
Trí Lâm Jan 29, 2024 02:28 PM

Hi Linh!
I was looking for a way to disable the "Display restriction information for ContentArea" feature on Epi-Documentation. Is this feature available yet?

Linh Nguyen
Linh Nguyen Jan 29, 2024 07:20 PM

@Trí Lâm We don't have such feature. Can you explain why you want to disable the restriction information in Content Area?

Trí Lâm
Trí Lâm Jan 31, 2024 11:11 AM

The restriction information takes up too much space, so we want to hide it. It should be shown in the field descriptions.

Linh Nguyen
Linh Nguyen Feb 2, 2024 02:46 PM

I sent the feedback to our Product team. We have a draft version of how it should be. Hope that it can be released soon.

Trí Lâm
Trí Lâm Feb 7, 2024 09:40 AM

Looks good. Thank you, for your support !

Linh Nguyen
Linh Nguyen Feb 7, 2024 01:07 PM

Trí Lâm I am implementing the new design, so if everything goes well, it can be released in a month or two.
I understand it can be very annoying for the properties with many restrictions. If you cannot wait for our release, a hack that you can do is to change the css for the restriction info area like below (Note: I haven't tested it, but I think/and hope it will not break anything)

.epi-content-area-header-block,  .epi-content-reference-header-block {
    display: none;
}


Trí Lâm
Trí Lâm Mar 20, 2024 12:59 PM

Thank you, Linh!

Please login to comment.
Latest blogs
Jhoose Security Modules v2.6.0 — Added support for Permissions Policy and .NET 10

Version 2.6.0 adds Permissions Policy header support, updates to .NET 10, improved policy management, configurable security settings, and enhanced...

Andrew Markham | Dec 6, 2025 |

Building a 360° Customer Profile With AI: How Opal + Optimizely Unlock Predictive Personalization

Creating truly relevant customer experiences requires more than collecting data—it requires understanding it. Most organizations already have rich...

Sujit Senapati | Dec 4, 2025

Building a Lightweight Optimizely SaaS CMS Solution with 11ty

Modern web development often requires striking a difficult balance between site performance and the flexibility needed by content editors. To addre...

Minesh Shah (Netcel) | Dec 3, 2025

Creating Opal Tools Using The C# SDK

Over the last few months, my colleagues at Netcel and I have partaken in two different challenge events organised by Optimizely and centered around...

Mark Stott | Dec 3, 2025