A month or so ago I released a new open source skin for DotNetNuke (DNN), called HammerFlex. One of the cool things about the HammerFlex skin is the implementation of Bootstrap, and specifically the Carousel feature that allows you to add a carousel/slider to your site.

The skin is designed to use the carousel at the top of a page, I haven’t tried it elsewhere, though it might be possible to use in other Panes in the DNN Skin.

In order to put a slider into a page using the HammerFlex skin perform the following steps:

Add an HTML module to the CarouselPane on the page.

Edit the HTML module.

Switch to the HTML view

Paste the following code into the HTML view (this will include 7 slides, you can add/remove as necessary)

Chris Hammond is

Chris Hammond is a father, husband, leader, developer and car guy. Chris has long specialized in ASP.NET and DotNetNuke development, so you will find a variety of topics here on the website. For more information check out the about me page.