• +31(0)570 51 33 22

DnnConsulting Blog

The DnnThemeEditor

The DnnThemeEditor

I’ve been creating theme for a while now, for client site as well as the Open Source themes I’ve created. I always wanted to have a way for the client to change background colors and setting but never found a satisfactory solution that fitted well with my needs and Dnn.

This is why I decided to create the DnnThemeEditor so that everyone can have a theme editor for their own themes.

What is the DnnThemeEditor?

The DnnThemeEditor is a Dnn SkinObject that can be re-used for nearly any Dnn Theme. It’s easy to set up and is configured using a JSON config file and a theme CSS template. It even has an option to minify the CSS file that the system creates and the changes are instantly visible when you click the save button.

Once you have installed the SkinObject you can use it with as many themes you like within the Dnn install, all changes are stored it the portal folder therefore are unique. Even theme installed under the ‘_default’ portal folder.

Here’s a list of functionality:

  • It’s re-usable for nearly every Dnn Theme
  • It’s flexible
  • It can be configured to nearly any CSS setting that you can think of, including images, fonts, padding, margins, transitions etc.
  • You can specify which role can edit the theme
  • The DnnThemeEditor has a dark version as well as a light version
  • It is as ‘inline’ as possible
  • You can minify your generated CSS for SEO purposes

In the next couple of months, I’ll start to convert the open source themes I’ve created so that you can have the benefit of the DnnThemeEditor.

Heres a demo video that will give you an idea of what you can do with the DnnThemeEditor.

There is also an information site with documentation so that you can configure and use the DnnThemeEditor, www.dnnthemeeditor.com. This is where you can also download the theme editor as well.


Total: 0 Comment(s)

Latest posts

Proof of concept: Dnn and Css grid working together!
1/31/2018 12:10 PM | Geoff Barlow
Setting up a Dnn theme to use Sass
6/3/2017 2:39 PM | Geoff Barlow
The DnnThemeEditor
4/7/2017 2:20 PM | Geoff Barlow
Intro to the DnnContra theme for Dnn
3/11/2017 2:56 PM | Geoff Barlow
Welcome to the FREE DnnMinimalist to the Dnn ecosystem
3/11/2017 2:54 PM | Geoff Barlow
The new Dnn9 Administration User Experience
11/3/2016 1:31 PM | Geoff Barlow
Intro to the DnnMDesign theme for Dnn using Bootstrap 3
5/12/2016 2:08 PM | Geoff Barlow
Using SVG files in a Dnn text/html module
4/18/2016 11:52 AM | Geoff Barlow
Placing social buttons in the DnnBootster theme
4/14/2016 4:30 PM | Geoff Barlow
Changing & creating DnnBootster color schemes
4/7/2016 2:20 PM | Geoff Barlow


.WeHostDnn : Dnn Hosting
emberWeb : Web Agency
(Avialable soon)
interschools : For schools
cmsXpress : Internet Solutions

DnnConsulting : The best choice in complete website solutions!

Contact us via email

or phone +31 (0)570 51 33 83