Skinning & DotNetNuke 4.9
presented by
Cuong Dang, Engage Software

Brief Bio
EDUCATION B.S. Marketing & Management
Maryville University of St. Louis
EXPERTISE • DotNetNuke Skinning
• Usability & UI Design
• Branding & Marketing
HIGHTLIGHTS Wrox Author
Wrox Blox
Technical Reviewer (PACKT Publishing Co.)
DotNetNuke Skinning Tutorial book
Lead Skinning Instructor
Engage Software, Official DotNetNuke Training Provider
Featured Speaker
OpenForce, User Group Meeting

About Engage
• Based in St. Louis, MO
– Specializing in ASP.NET development
– DotNetNuke
• Module Development
• Skinning
• Implementation services
• Microsoft Certified Gold Partner
• Official DotNetNuke Training Provider

Topics
• DotNetNuke Skinning Concepts
• Skinning Approaches
• Creating a DNN Skin Package
• Changes with Skinning in DNN 4.9

Skinning Concepts
• Panes
• Modules
• Containers

Wireframe

Skinning Approaches

DotNetNuke Skins
Item Files
DNN Skin One file acts as a skin (either HTML or ASCX
before installa=on)
DNN Skin Package One package made up of a single or
mul=ple HTML or ASCX files, CSS, media files
as well as containers that are compressed into
a .zip file format.

Creating a Skin Package
• Web Standards
• Skin Conversion
• Layout and Panes
• Navigation
• Containers

Web Standards
• W3C’s Recommendation: XHTML 1.0
• Separate Content and Presentation
• Greater Accessibility
– Machine
– Human

Skin Conversion

Layout and Panes

Simple Floating

Simple Floating

TOKENS Placement
• [LOGO], [SEARCH]
• [USER], [LOGIN]
• [CONTENTPANE], [COPYRIGHT]
• Source: DotNetNuke Skinning Guide

Navigation
• Core
– SolPartMenu
– dnnMENU
• Third Party
– HouseMenu (www.houseofnuke.com)
– Telerik (www.telerik.com)

Containers
• Similar to Skinning Concepts
• Container Objects

Changes in 4.9
• New Tokens
– [TEXT] - Localization
– [STYLE]
• Enhancements
– [SEARCH]