New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

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.

Sexy Messaging in DotNetNuke 6.0

User Messages in DotNetNuke 6.0

You may or may not know, but I just submitted the Media Module v04.01.00 to the release tracker.  This version has it’s entire user interface (UI) updated to match the DotNetNuke v6.0 standards and form patterns, among other updates.  It was definitely a learning experience, but a very fun one!  One of the cool things I got to learn…  Reusing the built-in message types!

All too often, we as developers need to tell the “end-user” something helpful.  This can be a warning, and error message, or just an informational dialog.  Even within the core modules – or community modules that ship with DotNetNuke – we’ve all been doing this our own way.  Sometimes, this way has been pretty, and other times, not so much.  And some of these ways have been easily changed by designers, and others, again, not so much.  This has changed in an awesome way with the upcoming DNN 6.0 release!

There are a few types of common messages that you’d want to use when trying to convey information to users of your website.  Each of them have been carefully branded to have a consistent branding, to allow visitors of your site to always know what they are for, at a glance.


Informational messages usually are helpful message to guide the end-user into making a decision, or keep them informed of what a feature is.  There are other reasons, but you get the idea.  Here is what that looks like in DNN 6.0.

Informational DotNetNuke 6.0 Message

As you can see from the carefully chosen text, the mark-up to create this look is incredibly easy!  Just include some (localized?) text in your HTML output that looks like the following.

<div class="dnnFormMessage dnnFormInfo">
Your Message


The success message is not all that different from the informational message.  It’s branding is just a bit varied to convey a different “message.”

Success DotNetNuke 6.0 Message

Note that there is a different color scheme and icon.  These are intentional changes to allow you to easily convey to your visitors something good that happened.  The mark-up is equally as easy as the informational message too.

<div class="dnnFormMessage dnnFormSuccess">
Your Message


A warning message is great to let visitors know that something bad might happen.  For example, “Are you sure you want to do this?”

Warning DotNetNuke 6.0 Message

Like our previous examples, this one has it's own branding, for the same reasons.  We want to have a specific message using this technique, with having the least amount of effort by the visitor.

The code?  You guessed it…

<div class="dnnFormMessage dnnFormWarning">
Your Message


The final message I am going to talk about right now is one used to display an error to the visitor.  I think that’s self-explanatory, so here’s what it looks like.

Error DotNetNuke 6.0 Message

It’s mark-up has very little difference than the rest of the examples above.

<div class="dnnFormMessage dnnFormError">
Your Message

In this case though, you might not always want to display this by itself.  In fact, I would say in most cases, this would be better attached to form fields, as part of your validation strategy that you already have in place.  For example…

DotNetNuke 6.0 Error Message in a Form

This is soooooooo easy to implement in your existing code, if you’re using the built-in server validators.  Here is an example snippet from the media module.

id="valAltText" resourcekey="valAltText.ErrorMessage" runat="server"
controltovalidate="txtAlt" display="Dynamic"
cssclass="dnnFormMessage dnnFormError"
errormessage="&lt;br />Alternate Text Is Required" />

Nothing should stand out to you in the snippet above, except the two CSS classes being added to the message.  All many of you would have to do is simply replace NormalRed with dnnFormMessage dnnFormError in your validation controls. 

By the way, I used the HTML module to create all of these screen shots (with the exception of the field error).  They can be used in widgets, content, skins, and modules.  Basically, anywhere that will be rendered to the visitor on the page.

You can get a heads up of this and many more of the cool DNN 6.0 features for developers and skin designers in the quick start guide.

Can it be any easier and cleaner?!  Hopefully, you can start to see why I am so excited about the DNN 6.0 release…

This blog entry is cross-posted from my personal blog.


Comment Form

Only registered users may post comments.


Aderson Oliveira (22)
Alec Whittington (11)
Alessandra Davies (3)
Alex Shirley (10)
Andrew Hoefling (3)
Andrew Nurse (30)
Andy Tryba (1)
Anthony Glenwright (5)
Antonio Chagoury (28)
Ash Prasad (37)
Ben Schmidt (1)
Benjamin Hermann (25)
Benoit Sarton (9)
Beth Firebaugh (12)
Bill Walker (36)
Bob Kruger (5)
Bogdan Litescu (1)
Brian Dukes (2)
Brice Snow (1)
Bruce Chapman (20)
Bryan Andrews (1)
cathal connolly (55)
Charles Nurse (163)
Chris Hammond (213)
Chris Paterra (55)
Clint Patterson (108)
Cuong Dang (21)
Daniel Bartholomew (2)
Daniel Mettler (181)
Daniel Valadas (48)
Dave Buckner (2)
David Poindexter (12)
David Rodriguez (3)
Dennis Shiao (1)
Doug Howell (11)
Erik van Ballegoij (30)
Ernst Peter Tamminga (80)
Francisco Perez Andres (17)
Geoff Barlow (12)
George Alatrash (12)
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 (274)
John Mitchell (1)
Jon Henning (14)
Jonathan Sheely (4)
Jordan Coopersmith (1)
Joseph Craig (2)
Kan Ma (1)
Keivan Beigi (3)
Kelly Ford (4)
Ken Grierson (10)
Kevin Schreiner (6)
Leigh Pointer (31)
Lorraine Young (60)
Malik Khan (1)
Matt Rutledge (2)
Matthias Schlomann (16)
Mauricio Márquez (5)
Michael Doxsey (7)
Michael Tobisch (3)
Michael Washington (202)
Miguel Gatmaytan (3)
Mike Horton (19)
Mitchel Sellers (40)
Nathan Rover (3)
Navin V Nagiah (14)
Néstor Sánchez (31)
Nik Kalyani (14)
Oliver Hine (1)
Patricio F. Salinas (1)
Patrick Ryan (1)
Peter Donker (54)
Philip Beadle (135)
Philipp Becker (4)
Richard Dumas (22)
Robert J Collins (5)
Roger Selwyn (8)
Ruben Lopez (1)
Ryan Martinez (1)
Sacha Trauwaen (1)
Salar Golestanian (4)
Sanjay Mehrotra (9)
Scott McCulloch (1)
Scott Schlesier (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)
Steven Fisher (1)
Tony Henrich (3)
Torsten Weggen (3)
Tycho de Waard (4)
Vicenç Masanas (27)
Vincent Nguyen (3)
Vitaly Kozadayev (6)
Will Morgenweck (40)
Will Strohl (180)
William Severance (5)
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out