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.

DotNetNuke gets a Default.css Facelift

After publishing one of our most successful DotNetNuke releases (6.0) last year we wanted to keep up the momentum by improving the stability, reliability, and efficiency of the default.css file.

What is Default.css?

The default.css file is the first CSS file to be loaded when your browser loads a DotNetNuke webpage. This file controls all the fundamental styles of every html element. This is also responsible for establishing a basic appearance for many of DNNs default controls such as the Control Panel, Module Action Menus, and styles for interactivity ( e.g. drag and drop ) etc.

Why update Default.css?

The default.css is one of the most important files as it is responsible for how DotNetNuke looks and helps to establish the user experience. It has over time collected styles for features that have been removed or changed and has collected declarations to mitigate upgrade concerns from legacy versions of DotNetNuke; consequently, this file has become inadvertently bloated with redundant styles, overwrites, and work arounds. These deviations can affect many of the more delicate rendering behaviors of browsers and can make skin and module development a challenge. In addition, these nuisances have made it difficult to validate default.css for standards compliance as well as made for a much larger CSS file. Furthermore, we want to introduce some more exciting and advanced UI features in DotNetNuke 7.0 which has encouraged us to re-evaluate default.css file in order to determine a style framework that could support them.

What updates are being made?

What's new? Everything!The default.css file has been wiped clean and has been rebuilt from the ground up; We have created a new style guide that will set basic typography and form styles. We have continued to use the form pattern markup (html)  which we had introduced in 6.0 but have included a more complete and usable set of styles. In order to reduce some of the redundant styles ( such as reset on a per item basis ) we have included a normalize.css so that skin / module developers will have a common style foundation to work from cross browser.


Figure 1) Basic Form Styles


Figure 2) Modal Styles


Figure 3) Grid Styles


Figure 4) Miscellaneous Styles


Figure 5) New Dnn Form Styles

By adding all these new fundamental styles one would ask, does this not make the default.css file larger and consequently make DNN slower? In DNN7.0 we have determined a method of abstracting styles for elements that appear seldom in the product. This will reduce the file size of the default.css and increase the responsiveness of DNN in overall. Candidates for abstraction would be elements such as modals, grids, control panel, and the module actions menu, etc. These abstracted styles will be loaded conditionally (only when required) and are synonymous in how module.css files are handled.

What does this mean for me?

These changes will allow DotNetNuke to run much faster and provide a much more reliable style foundation to build from when creating skins and modules. This will also provide a much more consistent User Experience and will increase the learnability of the product as we have included many subtle visual changes but they will accelerate task completion.

It should be noted that some of the changes we have applied to the default.css may have some adverse effects on some of the 6.0 skins as some of the subtle workarounds skin designers / module developers once had to do are no longer necessary.

As we have re-developed this file from scratch we would love to hear your thoughts and recommendations for improvement as we aim to create a reliable, efficient, and pleasurable product to work with. Please provide your feedback (ideas) in our Community Voice Forum.


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 (22)
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 (270)
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?