Per Nergård
Mar 5, 2010
(0 votes)

Collapsable properties functionality in edit mode

I guess most of you have workod on projects where the page types swell and a tab contains so much properties that it’s hard for the editor to quickly create or edit a page.


In my case the page type had a very flexible listing which had nine possible properties for the editor to use. Only two were mandatory and the editors very seldom used more than three.

On top of that it was possible to have four of those listings configured from the same tab.


To improve the editor experience I created a custom property that can be used to add collapse functionality for a group of properties.

It’s possible to configure the custom property for which this functionality should be used.


So in my example i decided that by default only display the three most commonly used properties for each listing and hide the rest. If the editor want to use the more advanced settings they had to click the “+” icon.


By doing this I hid 20 properties and all properties for that tab fitted on the screen so the editor didn’t need to scroll

I’ve made the source available over at EPiCode.

Collapsable property start page

Straight to the example screenshots

Mar 05, 2010


Petter Klang
Petter Klang Sep 21, 2010 10:33 AM


Please login to comment.
Latest blogs
Preview multiple Visitor Groups directly while browsing your Optimizely site

Visitor groups are great - it's an easy way to add personalization towards market segments to your site. But it does come with it's own set of...

Allan Thraen | Sep 26, 2022 | Syndicated blog

The Report Center is finally back in Optimizely CMS 12

With Episerver.CMS.UI 12.12.0 the Report Center is finally re-introduced in the core product.

Tomas Hensrud Gulla | Sep 26, 2022 | Syndicated blog

Dynamic Route in ASP.NET Core When MapDynamicControllerRoute Does Not Work

Background Creating one of the add-on for Optimizely I had to deal with challenge to register dynamically route for the API controller. Dynamic rou...

valdis | Sep 25, 2022 | Syndicated blog

404 Error on Static Assets Within an Optimizely plugin

Background With the move to CMS 12 and .NET 5/6, developers are now able to build Plugins and Extensions using Razor Class Libraries (RCL).  These...

Mark Stott | Sep 23, 2022

How to bypass the content creation view in Optimizely

Something that has come up a couple of times in the last few year is feedback from content editors about the editing view that comes up when creati...

Ynze | Sep 23, 2022 | Syndicated blog

Welcome to Optimizely World's New Tech Video Portal

Optimizely, leader in the digital experience realm, has become a wealth of world class SaaS products including Web Experimentation, Full Stack, B2B...

The Developer Marketing Team of Optimizely | Sep 22, 2022