The Optimizely CMS has built-in DateTime property. When editing, the Editor selects both the date and the time. Sometimes we would like to configure only the date selection, e.g. for calendar events, employee-related dates, article release date etc. Therefore, I have prepared a simple date property editor.

(more…)

In one of my previous articles I described new Color Picker widget. Today I’d like to show another simple property. I prepared extended version of the SelectOneAttribute. This extensions allows developers to configure SelectionFactory, that returns items with icons and CSS classess. This allows us to visually emphasize the importance of values in the list, for example, by giving a different background color or icon. I haven’t prepared nuget package, because there are just few files that have to be copied to the solution.

(more…)

Content Area property items allows to select Display Options. Display options let Editor specify how item should be renderred in the view mode. When adding content to a Content Area, we usually know which display option will be the best choice based on content type. For example our ButtonBlock will be best displayed as Narrow while Editorial block as Wide. That’s why I prepared a small javascript snippet to set Content Area default display options.

(more…)

Over the years, several articles have been written about the ColorPicker property editor. I also decided to look into this topic. I wanted to create something modern, simple and configurable. That’s why I used a simple HTML input color wrapped in a dijit widget.

(more…)

A while ago I implemented a HideTabs addon that allows to hide tabs and properties in edit mode.

I converted it to .NET Core version and now it can be used in CMS 12.

Nuget package can be downloaded from nuget.optimizely.com

The source code is available on github.

In this article I’d like to show a custom implementation of image property. There are already few blog posts and code snippets about improved image editor, but most of them focus on showing thumbnail for selected image. In my code I refactored image selection dialog and replaced content tree with media component. It can be useful for Editors, because media component has many features that can improve their work.

(more…)

In one of my previous articles I showed a small improvement for Editors. They could create a page shortcut using D&D from page tree. This time I’d like to show another feature related with D&D. I implemented functionality of populating local blocks properties from shared block instance. Editor can drop shared block on the local block to copy all properties.

(more…)

There are few ways for grouping properties in edit mode. You could place properties that should be grouped in a separate tabs. Another option is to define new block type that contains related properties and use the block on page. But when you don’t want to have too many tabs or block types you could try to use my custom implementation. In this article I will show functionality of grouping properties using header.

(more…)

Today I’d like to show you a new extension that allows to programmatically hide tabs and properties in edit mode. Using this feature, the editor won’t see the unused controls when working with content.

(more…)

When editing complex types like ContentArea or XHtmlString it would be good to have preview of all available property value versions. The Editor would be able to revert the property to older version or copy property from other language or even another page. In this article I will show an extension to All Properties mode that allows reverting property value to a specific version.

(more…)