Try our conversational search powered by Generative AI!

Lee Crowe
Mar 19, 2012
(0 votes)

PageTypeBuilder v2.0 – Property Groups and Dynamic Properties

Some of you may have read Joel’s post on Working with Dynamic Properties and Page Type Builder but if not you may want to check the article Smile.

The other day somebody asked me whether there was a nice solution to using property groups in a dynamic property kind of way as explained in Joel’s article. 

This got my mind working a bit and although the solution I have knocked together is not particularly nice as it uses quite a bit of reflection it seems to do the job Smile.

The Solution

Step One

Firstly you will need to download the PropertyGroupExtensions.cs class I have knocked together from here and add it to your solution.

The class contains an extension method for classes that inherit TypedPageData.  The method is named GetPropertyGroupDynamicProperty.


Step Two

In this example I am going to demonstrate having an Image Property Group, the code definition is below.  You will notice that the class implements IPropertyGroupComparer.  This interface contains an IsNull method which you must implement to determine whether you would class the property group as being null or empty.

  1: public class Image : PageTypePropertyGroup, IPropertyGroupComparer
  2: {
  4:     [PageTypeProperty(
  5:         EditCaption = "Image url", 
  6:         Type = typeof(PropertyImageUrl),
  7:         SortOrder = 100)]
  8:     public virtual string ImageUrl { get; set; }
 10:     [PageTypeProperty(
 11:         EditCaption = "Alternative text", 
 12:         Type = typeof(PropertyString),
 13:         SortOrder = 110)]
 14:     public virtual string AltText { get; set; }
 16:     public string GetHtml()
 17:     {
 18:         return string.IsNullOrEmpty(ImageUrl) ? string.Empty 
 19:             : string.Format("<img src=\"{0}\" alt=\"{1}\" />", ImageUrl, AltText);
 20:     }
 22:     public bool IsNull()
 23:     {
 24:         return string.IsNullOrEmpty(ImageUrl) &&
 25:                 string.IsNullOrEmpty(AltText);
 26:     }
 27: }

Step Three

Now we have our property group defined.  I shall add the property to my CommonPageTypeBase class.  This is a class that inherits TypedPageData but also is used s a base class to all page types.  So any properties that are added to this class will be available on all page types.

  1: public class CommonPageTypeBase : TypedPageData
  2: {
  3:     [PageTypePropertyGroup(
  4:         EditCaptionPrefix = "Header image dynamic property - ", 
  5:         StartSortOrderFrom = 150)]
  6:     public virtual Image HeaderImageDynamicProperty
  7:     {
  8:         get
  9:         {
 10:             return this.GetPropertyGroupDynamicProperty<CommonPageTypeBase, Image>
 11:                 (p => p.HeaderImageDynamicProperty);
 12:         }
 13:         set
 14:         {
 15:             // do nothing, this has to be implemented
 16:         }
 17:     }
 18: }

You can see in the class definition above that we have added a property group definition named HeaderImageDynamicProperty

You will also noticed I have implemented the get and set methods. 

The get method implementation calls the GetPropertyGroupDynamicProperty extension method with two Generic type parameters.  The first one is a class that inherits TypedPageData, where as the second is a class that implements PageTypePropertyGroup and IPropertyGroupComparer.

When the get method is called it will basically go up the page hierarchy until it reaches the start page or finds a populated Image property group.


As always feedback is greatly appreciated, if you have found any bugs or  have any suggestions of improvement please let me know.

Just twitter me @croweman or send me an email Smile

Mar 19, 2012


Please login to comment.
Latest blogs
Migrate Catalog content properties

A colleague asked me yesterday – how do we migrate properties of catalog content. There is, unfortunately, no official way to do it. There are...

Quan Mai | Feb 20, 2024 | Syndicated blog

Adjust log levels in Optimizely DXP

You may adjust the log levels for your site in Optimizely DXP yourself, but only for the Integration environment. Follow this step-by-step guide.

Tomas Hensrud Gulla | Feb 20, 2024 | Syndicated blog

Introducing Search & Navigation Dashboard for Resource Usage

We're excited to unveil the latest addition to the Search & Navigation suite: a dashboard designed to proactively monitor your resource usage. It's...

Edvin Dackelid Johansson | Feb 20, 2024

Introducing Jhoose Security Module V2.0

Version V2.0 of the Jhoose Security module has been released and is available via the Optimizely nuget feed. This update not only squashes several...

Andrew Markham | Feb 19, 2024 | Syndicated blog