DotNetNuke Videos

In this video tutorial we demonstrate how to style the search box in DotNetNuke skins. We walk you through how we applied the styling to the search box in the free ‘internet sharing’ skin.

This covers how we expanded the width of the search box, how to use a graphic for the search box, how to style the text that the search box uses, how to style the search link as a button and how to replace the search link with an image.

In this tutorial we demonstrate how to use Token Replacement which is available for DotNetNuke versions 4.6 and above.

Token replacement allows you to display information such as the username, date, portal title etc. and you can display this information directly within the text of your modules.

Token Replacement is currently available for the Text / HTML, Newsletter and User Defined Table (UDT) core modules, and it is likely that it will be included in other core modules in future releases as well.

Time Length: 13mins

In this tutorial we demonstrate how to use the User Defined Table (UDT) module. The UDT module allows you to create a custom table and store records within that table.

The table can include sorting of columns, paging, filtering by content and search. It also includes some powerful features such as the use of calculated columns, token replacement and layout templates through the use of XSL transformation files.

The videos cover:

• Video 1 - Installation, creating a basic table
• Video 2 - Adding records, sorting, creating a second UDT table
  
• Video 3 - Calculated columns, advanced options
• Video 4 - Permissions, users adding content
• Video 5 - Advanced options for data types
• Video 6 - Display settings
• Video 7 - Search, predefined XSL transformation files (templates)
• Video 8 - Editing and auto generation of XSL transformation files
• Video 9 - Further XSL transformation file options and tokens

Total Time Length: 76mins

This tutorial is part 2 of the How to create a DotNetNuke skin from an XHTML template tutorial.

In Part 2 of the tutorial we cover how to create the containers, semantically coding the content, styling and formatting the content, overriding the DotNetNuke default classes, how to easily add the additional skin layout variations, and how to setup and create a print.css file so that you can style your own print layout of the skin.

The videos cover:

• Video 1 - Creating the containers
• Video 2 - Text styling and overriding the default DotNetNuke styles
• Video 3 - Styling the header tags
• Video 4 - Styling content based on the content pane location
• Video 5 - Creating layout variations
• Video 6 - Creating an additional styled menu
• Video 7 - How to create a print layout (print.css)

Total Time Length: 60mins

In this tutorial we demonstrate how to convert a free open source XHTML pure CSS template into a DotNetNuke skin.

We demonstrate how to convert the andreas01 template created by Andreas Viklund.

This tutorial is in two parts, part 1 covers how to transfer the structure of an XHTML template into a DotNetNuke skin and how to adapt it to create the content panes, the menu and various DotNetNuke tokens.

The videos cover:

• Video 1 - Introduction and preparations
• Video 2 - Creation of content panes
• Video 3 - Login links and packaging skin
• Video 4 - How to fix layout display problems
• Video 5 - How to create the menu
• Video 6 - Adding the search box and validating the skin

Total Time Length: 52mins

(Red Gate - SQL Data Compare)

In this tutorial we explore the development and deployment of a DotNetNuke website that is already online. - How to synchronise a local installation with a live installation.

In this tutorial we demonstrate how to add updates to the local version and apply those updates to the live version while keeping both versions completely synchronised and without taking the live site offline and vice versa.

We demonstrate how you can synchronize a live hosted website using SQL Server 2005 with a localhost installation using SQL Server Express.

The videos cover:

• Video 1 - Introduction, Setup, Comparing Databases, Viewing Data
• Video 2 - Editing the local installation and comparing with the live installation
• Video 3 - Synching local database to live and live to local
• Video 4 - Synching multiple simultaneous edits on live and local installations

Total Time Length: 33mins

In this tutorial we demonstrate how you can enable additional users without the administrator security role, access to the pages from the DotNetNuke admin menu.

There are many times when you may want to give a user who edits the content of your site access to the 'Pages’ or ‘Newsletters’ menu items, but at the same time, you may not wish to give them any further access to the admin menu, such as access to the ‘Site Settings’.

In this tutorial we outline how you can give users additional rights to access individual pages from the admin menu.

Time Length: 11mins

In this tutorial we demonstrate how to create pure CSS skin layouts that are Search Engine Optimized. We achieve this by taking advantage of using absolute positioning and floats.

This technique was developed for the new DNN Creative skin. Following the release of the DNN Creative skin we received several enquiries regarding how we placed the main text content at the top of the source code and the less important content towards the end.

Ordering the source code helps search engines to easily find and index the important content of your website and therefore will help to improve your search engine results.

In this tutorial we demonstrate the techniques using a stripped down version of the DNN Creative skin.

The videos cover:

• Video 1 - Introduction, file preparations and initial styling
• Video 2 - Creating the content panes
• Video 3 - Layout of the content panes
• Video 4 - Styling the content panes and footer
• Video 5 - Positioning the content panes and menu
• Video 6 - Positioning additional skin tokens
• Video 7 - Positioning horizontal banner pane and IE hacks

Total Time Length: 64mins

This tutorial is part 2 of the Pure CSS Search Engine Optimized Skin Layouts tutorial. We previously demonstrated how to create a 3 pane skin using floats and absolute positioning. We are now going to demonstrate how to create multiple skin layouts using a skinname.css file.

Using the skinname.css file technique allows you to easily create variations of skins while also reducing the amount of code placed in the skin.css file.

In this video tutorial we create a 2 pane version of the CSS skin using minimal code changes.

Time Length: 8mins

In this tutorial we demonstrate how to use and create page templates in DotNetNuke. Page templates allow you to add modules, data, and configuration settings to a page when you first create a new page.

This is a fantastic time saving tool, for instance if you have certain modules that you regularly need to add to a page, you can do this automatically with a page template. If you have content in a Text / HTML module that you always use as a starting point, you can have default content added to a module through a page template.

The videos cover:

• Video 1 - Introduction, default page template, code explanation
• Video 2 - The simple method for creating a page template
• Video 3 - Completing your first page template
• Video 4 - A complex page template with multiple modules

Total Time Length: 32mins