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!

DnnMdesign Theme for the Dnn Platform

Return to previous page


DnnMdesign Theme for the Dnn Platform

Last updated 7 years ago



(Enter the content of this article below)



The DnnMdesign Theme for the Dnn Playform

The DnnMDesign theme for Dnn uses Bootstrap version 3.3.6. All features of Bootstrap Css, components and javascripts can be used within the skin.

Google has designed Material Design to make a web more beautiful and more user-friendly. To combine material design and Bootstrap we have used the 'Material Design for Bootstrap' framework (MDB). MDB is powerful Material Design UI KIT that has 300+ material UI elements, 1000+ material icons, 74 CSS animations, as well as multiple built-in color schemes.

MDB is built on top of Bootstrap so that you can leverage all of the Bootstrap goodness but have the look and feel of Material Design.

To find out more about Bootstrap I would suggest you to read up on the framework and become familiar with it to get the best out of the MDesign theme. Click here to go to the official Bootstrap site.

To get to grips with all the MDB goodness, check out their site as well to see what can be achieved. Click here to go to the MDB site.

Theme information

  • done_all Dnn theme created by Geoff Barlow,
  • done_all Open Source: MIT License
  • done_all Minimum DNN version: 08.00.00+
  • done_all Bootstrap: Bootstrap v3.3.6
  • done_all Material Design fot Bootstrap: Bootstrap v3.3.3
  • done_all Layouts: 5 skin layouts:
    • doneHome skin
    • doneInner skin (standard skin)
    • done404 skin (for page not found)
    • doneAdmin skin (for admin pages)
    • doneModal skin for popup like the login so that the skin displays correctly on mobile devices
  • done_all Containers: 23, 1 of which are a social container for formatting social buttons in the socialpane of the skin. Simple styling that can be adapted to your own style.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out