SaaS CMS has officially launched! Learn more now.

Linh Nguyen
Nov 17, 2021
  3446
(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
Optimizely SaaS CMS Concepts and Terminologies

Whether you're a new user of Optimizely CMS or a veteran who have been through the evolution of it, the SaaS CMS is bringing some new concepts and...

Patrick Lam | Jul 15, 2024

How to have a link plugin with extra link id attribute in TinyMce

Introduce Optimizely CMS Editing is using TinyMce for editing rich-text content. We need to use this control a lot in CMS site for kind of WYSWYG...

Binh Nguyen Thi | Jul 13, 2024

Create your first demo site with Optimizely SaaS/Visual Builder

Hello everyone, We are very excited about the launch of our SaaS CMS and the new Visual Builder that comes with it. Since it is the first time you'...

Patrick Lam | Jul 11, 2024

Integrate a CMP workflow step with CMS

As you might know Optimizely has an integration where you can create and edit pages in the CMS directly from the CMP. One of the benefits of this i...

Marcus Hoffmann | Jul 10, 2024

GetNextSegment with empty Remaining causing fuzzes

Optimizely CMS offers you to create partial routers. This concept allows you display content differently depending on the routed content in the URL...

David Drouin-Prince | Jul 8, 2024 | Syndicated blog

Product Listing Page - using Graph

Optimizely Graph makes it possible to query your data in an advanced way, by using GraphQL. Querying data, using facets and search phrases, is very...

Jonas Bergqvist | Jul 5, 2024