DNN Theming Tips and Tricks

A Shiny, Brand New Job!

By Ralph Williams, Jr. on 6/30/2011

Be forewarned, I WILL be throwing out some link lovin’ in this post because I owe a lot of thanks for all of this.

Arrow-Consulting-and-DesignWednesday, May 18th marked a brand new chapter in my professional and personal life. I started working with Arrow Consulting and Design!

Way Back When

A little backstory on me… I used to drive trains; I was a conductor and then engineer at CSX Transportation for 8 years. I decided there was more to life than working on call 24 hours a day, 7 days a week, 365 days a year with only a 2 hour notice. Not fun. So, I decided to do the next closest thing, web design…

The Announcements Module and jQuery as an Accordion

By Ralph Williams, Jr. on 10/23/2010

I have found another great use for the DotNetNuke Announcements module and jQuery. Using it create a dynamic accordion. In case you missed it, this is the second time that I have gotten the DNN Announcements module and jQuery together. See my previous post on how to Turn DNN Announcements Module into a jQuery Slider.

This time, I needed to create a solution where I could have a jQuery accordion yet it could be easily updated by the client. So, I thought about the different core modules that were available and picked the Announcements module due to the ability to easily template it out. Now, if only the DNN Blog module were fully template driven (*hint *hint). This module has spots to place a header, repeatable item, alternating repeatable item, separator, and footer. We will be using only the header, item, and footer.

Beating Classless Modules with a Wrapping Div

By Ralph Williams, Jr. on 9/24/2010

The problem I was having.

I was working on making some visual changes to Blog Calendar and Blog Categories modules through CSS yesterday and was getting very annoyed having to use the ID that DNN generates to get any specificity for those modules. These modules, along with quite a few other core and non-core modules, are not what I consider “skinner friendly”. They use generic styles and are set up to display the way the developer wants it to show up, not the way I want it to, i.e. tables, inline styles and no use of module specific class names.

One thought that came to mind was to create a container for each module with a class name in the container so that I could specify that module when in that container, but that would mean that I would have to create several new containers, and everyone knows excessive containers can be very annoying and confusing.

A Book Review: Building Websites with DotNetNuke 5

By Ralph Williams, Jr. on 9/15/2010

Building Websites with DotNetNuke 5Earlier in the year I was contacted by PACKT Publishing to review an upcoming DotNetNuke book, Building Websites with DotNetNuke 5 by Michael Washington and Ian Lackey. This was my first book review, but there was no way I was going to turn down a chance to check out a new DNN book!

I received the book leading up to a holiday weekend and thought it would be a perfect opportunity to dive headfirst into it. I began reading it and saw very quickly that it was a book that would be a valuable resource for an Administrator of a DotNetNuke website or someone who is just getting into DotNetNuke. To be honest, I had been hoping for something more advanced, but it was a very comprehensive book for a beginner. And, I only read the first half of the book. But, more on that later.

Turn DNN Announcements Module into a jQuery Slider

By Ralph Williams, Jr. on 6/4/2010

DotNetNuke has come a long way recently with making things much more w3 compliant. This has allowed for more than just cleaner code; it has also allowed for much more control of your website through jQuery and CSS. Also, according to the forums, it looks like things are getting even better for compliance and control.

One of my favorite updates of DNN modules to this new compliance, is the DNN Announcements module. With the latest release, we now have the ability to set up the announcements as a list and apply some cool jQuery to it. When I started looking into what I wanted my slider to be, I decided that I wanted to have my main image fade in and out and the title and description to slide in from the bottom. I came across the s3Slider jQuery plugin which seemed to provide exactly what I was looking for.

I have outlined the steps below on how to add it to your site. I did not go into much detail on how things are set up...