Learn More





DNN Community Blog

The Community Blog is a personal opinion of community members and by no means the official standpoint of DNN Corp or DNN Platform. This is a place to express personal thoughts about DNNPlatform, the community and its ecosystem. Do you have useful information that you would like to share with the DNN Community in a featured article or blog? If so, please contact .

The use of the Community Blog is covered by our Community Blog Guidelines - please read before commenting or posting.

Designed Content 1.2 - Separating Content from Beautiful Templates

This is part 2 of my first series about beautiful content, in which I explain the organizational and technical challenges we have, and the right tools to solve these.

Goal and Creed

Our goal, as defined in part 1 (make sure you read that), is:

The web designer can empower the content editor, to easily and faultlessly manage content on a live web site, in as many languages as necessary, targeting current devices with minimal time and cost for both designer and editor. And both web designer and content-editors must easily re-use the content and apply changes when the future hits us with new devices, new requirements and new visualizations.

Which leads to our creed, as discussed in part 1

 We must fully separate Content from the Presentation (the Template+ settings)! 

To do that, we need strategies and tools. This will be discussed in this part 2.

How to do this

So that sounds like a simple manifesto - but to do this, we need clear separation of content-information (the text fragments, images, etc.) from its current presentation. So to start, everything that does not separate this will prevent us from achieving our goal, ergo is "Evil". 

Let's be clear: The standard Text/HTML-Module is a classic example of this evil-category. Read more about it here

Modules to separate Content from the Template

There are various options to separate content from the view. To list a few:

  1. Special generic content modules like the open source 2sxc (full disclosure: I'm the chief architect)
  2. Articles-modules like Mandeeps Live-Articles or DigArticle
  3. Data management tools like XMod, R2i Open Web Studio or the open source Forms&List
  4. Custom developed modules made by yourself (or others)

From what I know of the market all these modules will do a decent job. What is different about 2sxc is the unique single-content-item approach. Of course it also has an automatic UI with versioning, multi-language and loads of features. Other modules work more like databases, starting with lists of a specific content-type (an Article or a Reference) which is great when you need a database of housing-opportunities, but hard when each page is a composition of small, smart templates - and still has to look great automatically.

The standard List-Approach

If you don't understand the difference, here's a simple example of a List-Approach. This here list of news-items, with a standardized details page:

The Single-Content-Item Approach

The list-approach only works with structured information, but not for designing beautiful free content. This here is a complex page containing many different designed items on a page. Each element has a different structure, is responsive in itself, could be re-used by itself and is more like a real document - there is no pre-defined page-structure:

If you know of other modules that do this well, feel free to add them in the comments and of course contribute blogs about them :)

What is 2sxc?

Here's the very simple core purpose: 

 Combine prepared templates/views with user edited content.  

That sounds trivial right? For an inexplicable reason, 80% of modules re-invented the wheel to do just that, common examples being galleries. The entire "simple" content tried to live with the HTML-module and always sucked (if edited by a normal person) till we released 2sxc in 2012.

What Components does it need to do this?

2sxc is thoroughly architected solution so if you see parts that confuse you - ignore them, as they are for advanced purposes. Here are the core things you will need to know:

And here some of the most common helpers

To be clear: there are many more sub-components in there like a powerful EAV-System (that's the data storage), a configurable Data-Pipeline allowing filtering and injection of external data, an awesome JSON-interface allowing you to use the data in JavaScript, built in WebAPI and much more. It's omitted here for simplicity, you don't need to know that for now :)

So the core mission of 2sxc is separating content from its presentation! Exactly what we need to create beautiful content :). That's why the module used to be called 2SexyContent  and we still pronounce 2sxc as "too sexy".

In part 3 we'll look at simple, real-life examples.

With love from Switzerland,

Daniel Mettler grew up in the jungles of Indonesia and is founder and CEO of 2sic internet solutions in Switzerland and Liechtenstein, an 20-head web specialist with over 600 DNN projects since 1999. He is also chief architect of 2sxc (2SexyContent - see forge), an open source module for creating attractive content and DNN Apps.


There are currently no comments, be the first to post one.

Comment Form

Only registered users may post comments.


2sic Daniel Mettler (124)
Aderson Oliveira (15)
Alec Whittington (11)
Alex Shirley (10)
Andrew Nurse (30)
Anthony Glenwright (5)
Antonio Chagoury (28)
Ash Prasad (21)
Ben Schmidt (1)
Benjamin Hermann (25)
Benoit Sarton (9)
Beth Firebaugh (12)
Bill Walker (36)
Bob Kruger (5)
Brian Dukes (2)
Brice Snow (1)
Bruce Chapman (20)
Bryan Andrews (1)
cathal connolly (55)
Charles Nurse (163)
Chris Hammond (203)
Chris Paterra (55)
Clinton Patterson (28)
Cuong Dang (21)
Daniel Bartholomew (2)
Dave Buckner (2)
David Poindexter (3)
David Rodriguez (2)
Doug Howell (11)
Erik van Ballegoij (30)
Ernst Peter Tamminga (74)
Geoff Barlow (6)
Gifford Watkins (3)
Gilles Le Pigocher (3)
Ian Robinson (7)
Israel Martinez (17)
Jan Blomquist (2)
Jan Jonas (3)
Jaspreet Bhatia (1)
Jenni Merrifield (6)
Joe Brinkman (269)
John Mitchell (1)
Jon Henning (14)
Jonathan Sheely (4)
Jordan Coopersmith (1)
Joseph Craig (2)
Kan Ma (1)
Keivan Beigi (3)
Ken Grierson (10)
Kevin Schreiner (6)
Leigh Pointer (31)
Lorraine Young (60)
Malik Khan (1)
Matthias Schlomann (15)
Mauricio Márquez (5)
Michael Doxsey (7)
Michael Tobisch (3)
Michael Washington (202)
Mike Horton (19)
Mitchel Sellers (28)
Nathan Rover (3)
Navin V Nagiah (14)
Néstor Sánchez (31)
Nik Kalyani (14)
Peter Donker (52)
Philip Beadle (135)
Philipp Becker (4)
Richard Dumas (22)
Robert J Collins (5)
Roger Selwyn (8)
Ruben Lopez (1)
Ryan Martinez (1)
Salar Golestanian (4)
Sanjay Mehrotra (9)
Scott McCulloch (1)
Scott S (11)
Scott Wilkinson (3)
Scott Willhite (97)
Sebastian Leupold (80)
Shaun Walker (237)
Shawn Mehaffie (17)
Stefan Cullmann (12)
Stefan Kamphuis (12)
Steve Fabian (31)
Timo Breumelhof (24)
Tony Henrich (3)
Torsten Weggen (2)
Vicenç Masanas (27)
Vincent Nguyen (3)
Vitaly Kozadayev (6)
Will Morgenweck (37)
Will Strohl (163)
William Severance (5)
Try Evoq
For Free
Start Free Trial
a Demo
See Evoq Live
Need More Information?