Picture of HammerFlex Responsive Skin for DotNetNuke

HammerFlex Responsive Skin for DotNetNuke

posted by Christoc - 02/25/2014

HammerFlex is an open source skin for DotNetNuke built using Bootstrap v3.3.7.


  • Demo: See it in action at,, and
  • Open Source: MIT License
  • Minimum DNN version: 07.01.00 (Works great on DNN 8+ sites as well)
  • Bootstrap: Uses Bootstrap V3.3.7
  • Layouts: 2, Home and Edit (edit has a ContentPane at full width) both layouts have a variety of useful pane configurations. Also includes a PopupSkin.ascx that will be loaded by DNN modal controls, not intended to be used as a skin.
  • Containers: 2, Main and Blank, both simple, one has a Title, one doesn't, can you figure out which one does?
  • Responsive: Utilizes Bootstrap’s responsive design capabilities.
  • Carousel Pane: The first Pane on the two layouts is a Carousel pane, you can create a carousel using the Bootstrap carousel functionality, see it in action on
  • Slideshow Support: BlueImp Bootstrap image gallery included in package
  • Visual Studio 2015: Built using C#, using a Skin specific version of my build scripts based on my Module Development Templates, build in RELEASE mode and the Skin will be packaged, including the Containers.
  • Source Code Available: The source code for the module is available on GitHub.
  • Unsupported: Have at it, play with it, use it, just don’t expect to get free support from me on this, I’m too busy these days. You can however pay for support from my consulting business,
  • Menu Warning: If you have Parent/Children menu items, in order to better handle the responsive menu, the parent pages should not have content on them, they should be disabled and be used only for displaying child items. The reason for this is that in order to allow for better touch support on mobile devices clicking on the Parent item will open the submenu, instead of navigating to the Parent page.
  • Install Warning: This package must be installed via the Host/Extensions page, it will not work from Admin/Extensions.


Discuss the Skin

Do you have questions about the skin? Visit

Tutorial/blog posts.