Makes templating, adding and updating repetitive content a breeze!

ReFlex CMS demo - see this control in action.

Define how users enter repetitive content

The Repeater Control allows developers to quickly define a template for repeated content in markup, then define the editing form and any associated validation.

Users can then add, update and remove items in a restricted manner to ensure the correct content is entered, and the content is displayed in a consistent, repeated manner.

This is highly useful for content areas where content is consistently repeated such as news, faq's, staff profiles, address information, testimonials and so on.

For example, repeated news items below in display mode. When in editing mode, the developer has defined how the users enter the content.

Content is stored as xml in the database along with the xml schema (xsd), this makes it easy for developers to pull the data, parse and display it in other areas of the site. For example a top 3 latest news section for a home page could easily pull the data from the main news section, parse and display it, or even provide an RSS, Atom or Json feed.

Displaying

Editing

I'm a developer - how does it work?

It works in a similar way to a normal ASP.NET Repeater control or any other control that uses the ITemplate interface. In markup you define a DisplayTemplate (and AlternatingDisplayTemplate, DisplayHeaderTemplate and/or DisplayFooterTemplate as required), and an EditTemplate (and EditHeaderTemplate and / or EditFooterTemplate).

The Repeater control then works it's magic behind the scenes to provide an adaptive data store for the controls you have defined (ASP.NET TextBox and CheckBox currently supported). When it comes time to display, you bind your edit controls to controls in your DisplayTemplate.

For further details please see the Developer Centre

Integration with the ReFlex File Manager

It is often useful to integrate the ReFlex File Manager with the Repeater control to allow users to choose a file / photo. This can be easily achieved using the ReFlex File Manager JavaScript callback facilities. When opening the File Manager, developers pass a few parameters defining a function to be called back when a user chooses a file / photo.