DNN Tutorials

In this tutorial we demonstrate how to use Super Stylesheets in DotNetNuke for quickly and easily designing the layout of your DotNetNuke skin.

Super Stylesheets are ideal for both beginner and experienced skin designers, the advantage of Super Stylesheets is that you can easily create a skin layout which works in all browsers without the need to learn complex CSS techniques.

We show you how to build a skin from the very beginning using Super Stylesheets.

The videos contain:

• Video 1 - Introduction to the Super Stylesheets DNN Layouts and Initial Setup
• Video 2 - Setting Up the Skin Layout Template Code
• Video 3 - Using the ThreeCol-Portal Layout Template for a Skin
• Video 4 - How to Add Tokens to the Skin
• Video 5 - Setting Background Colors for Content Panes and Creating CSS Containers
• Video 6 - How to Create a Footer Area and Reset the Default Styles
• Video 7 - How to Style the Text in the Content, Left and Right Panes
• Video 8 - SEO Skin Layouts for DotNetNuke Tokens
• Video 9 - Creating Several Skin Layouts Using the Layout Templates
• Video 10 - Further Layout Templates and MultiLayout Templates
• Video 11 - SEO Layout Template Skins
• Video 12 - Final SEO Positioning of the Skin Code

Total Time Length: 97min 53secs

In this tutorial we demonstrate how to create an Installable DotNetNuke PA (Private Assembly) Module using Open Web Studio.

A PA module is a standard module that you would install using the host menu / extensions option in DotNetNuke.

Throughout the tutorial we show you how to create a basic Contacts application using Open Web Studio and then how to package the OWS application so that it can be installed as a module to any DotNetNuke installation.

The videos contain:

• Video 1 - How to Build a Contacts and Settings OWS Module
• Video 2 - How to Create the DNN Installable PA Module Files
• Video 3 - How to Create and Test the Installable PA Module Zip File

Total Time Length: 22min 46sec

In this tutorial we demonstrate how to create a News Carousel using the DotNetMushroom RAD Module, JQuery and the JCarousel plug-in.

This article is a continuation of the How to Implement Paging using DotNetMushroom RAD. We will be adding some new forms into the News Application using the DotNetMushroom RAD Module. Using JQuery and the JCarousel plug-in we will implement two News Carousel designs.

In this tutorial we demonstrate how to use Skin Object Tokens in DotNetNuke v5 and above. Skin Object tokens are a new skinning method introduced in DotNetNuke 5 for adding tokens into a DotNetNuke skin.

A Skin Object Token is a web user control, it covers skin elements such as the logo, menu, search, login links, date, copyright, languages, links, banners, privacy, terms of use etc.

This new Object token method has been introduced into DotNetNuke with the idea of making it simpler to add a skin object into a DotNetNuke skin.

The videos contain:

• Video 1 - Introduction to HTML Object Token Skinning
• Video 2 - Basic Styling of a Skin and Creating Multiple Content Panes
• Video 3 - Styling, Control Panel, Login and Register Skin Object Tokens
• Video 4 - Packaging, Installing, Testing and Viewing the ASCX Version of the Skin
• Video 5 - Viewing the Attributes for Skin Object Tokens, Logo Token, Search Token
• Video 6 - Breadcrumb Token, Text Token and Localization, Links Token
• Video 7 - More Skin Tokens and Token Replacement
• Video 8 - Demonstration of the Object Tokens and Bug Fixing

How to install and use 2 Advanced Administrator Control Panels for DotNetNuke. This includes an optimized version for faster page load times and a Ribbon Bar version for improved features.

The video contains:

• Introduction
• Optimised control panel
• Page load time test result improvements
• Ribbon Bar control panel
• Features of the Ribbon Bar
• How to download the advanced control panel
• How to install the advanced control panel
• How to apply one of the advanced control panels to your DotNetNuke installation
• How to use the Ribbon Bar control panel
• Page view modes
• Page functions
• Add functions
• Add module functions
• Copy an existing module
• Reference an existing module
• Common Tasks
• Demonstration of the various control panel view options available

Time Length: 10min 47secs

In this tutorial we demonstrate some very advanced techniques for building a car parts application in Open Web Studio.

Throughout the tutorial we cover form input, validation, how to use dependant drop down lists, populating checkbox lists and introduce a new concept of data level security. Data level security allows you to control which data a user can access within a module.

The videos contain:

• Video 1 - How to Setup Form Validation
• Video 2 - Car Parts Application, Assigning Security Roles into a Global Session Variable
• Video 3 - How to Build the Categories Module with Data Level Security
• Video 4 - How to Build the SubCategories Module and Use SubQuery
• Video 5 - How to Build the Car Parts List Module

Total Time Length: 44min 19secs

In this tutorial we demonstrate how to add paging functionality using the DotNetMushroom RAD Module. We cover how to create, setup the properties, style, and add multiple paging controls to the same form.

This article is a continuation of the How to Style the News Application Built with DotNetMushroom RAD article. We will be adding paging controls to the News Application using the DotNetMushroom RAD Module.

In this tutorial we demonstrate how to use the DotNetNuke Core Feedback Module. The Feedback Module allows the visitors of your website to send you feedback from a form in your DotNetNuke portal. We demonstrate how to email feedback to departments in a company, how to display testimonials on your website. Moderating feedback, configuring lists, categories and subjects.

The videos contain:

• Video 1 - Introduction, Initial Setup of the Feedback Module
• Video 2 - Feedback Lists, Feedback Categories and Subjects
• Video 3 - Further Configuration of the Feedback Module Settings
• Video 4 - How to Create Testimonials Feedback, Feedback Comments, Moderation

Total Time Length: 33min 49secs

This tutorial is part 2 of the Quick Start Guide to using DataSprings Dynamic Registration Module.

In this tutorial we demonstrate how to build the next part of the registration form which allows the user to enter their full profile details. This tutorial shows you how to create a separate registration form for the users full profile and how to capture different data dependant on the security role of the user. We walk you through building forms which contain drop down lists, check box groups, uploading of documents, uploading of images, and text editors.

The videos contain:

• Video 1 - Introduction, Initial Setup of Profile Registration Page
• Video 2 - Building the Full Profile Registration Page
• Video 3 - Working with Images, Text Editors and File Attachments
• Video 4 - Interlinking Two Dynamic Registration Forms, Assigning DNN Core Fields
• Video 5 - Building a Third Dynamic Registration Form for Editing Full User Profile Details, Import and Export
• Video 6 - Configuring the Third Registration Module
• Video 7 - Testing, AJAX, Validation, Useful Functions

Total Time Length: 68min 6secs

In this tutorial we enhance the OWS Login module that we have previously created and also show you how to build an OWS Twitter module.

We enhance the OWS Login module by adding a "Remember Me" checkbox and a "Forgot Password" link. We also demonstrate how to create a Twitter module which accesses the Twitter API and formats the display of the search results.

The videos contain:

• Video 1 - How to Create a "Remember Me" Login Feature
• Video 2 - How to Build a Random Password Generator
• Video 3 - How to Request the User to Update Their Password
• Video 4 - How to Create a Twitter Module Using OWS

Total Time Length: 34min 40secs