DotNetNuke Videos

This tutorial demonstrates how you can use the styles drop down list in the FCK editor to format the text.

Using the styles drop down list allows you to quickly apply CSS classes from your skin.css file and should help to ensure that administrators do not use bad practices for styling text, such as using font tags.

The videos contain:

• Video 1 - Styling the Background of the Style Dropdown List in the FCK Editor
• Video 2 - List of Available Styles for the FCK Editor
• Video 3 - Dynamic Styles in the FCK Editor
• Video 4 - How to Create Custom Styles
• Video 5 - Creating Class Styles in the Style Dropdown List
• Video 6 - How to Customise Block Quotes with Different Classes

Total Time Length: 48mins

This tutorial demonstrates how to create your own HTML templates for the FCK Editor in DotNetNuke.

HTML templates are really useful for adding repetitive content into a page; they can give you a starting point when adding content to the page, you do not need to start from scratch, you can simply select a template as a starting point and then edit the content within the template. This will help to reduce errors created by content editors.

The videos contain:

• Video 1 - Introduction, the FCKtemplates.xml file
• Video 2 - How to Create a Custom HTML Template

Total Time Length: 16mins

The FCK Editor allows you to customize which toolbar buttons are available for use, this is called a toolbar set. In this tutorial we demonstrate how to create your own custom toolbar sets in the FCK Editor and how you can assign different toolbar sets to various security roles.

The videos contain:

• Video 1 - How to Create a Custom Toolbar Set
• Video 2 - How to Set Security Role Access for the FCK Editor toolbars
• Video 3 - How to Check Toolbar Access for Security Roles

Total Time Length: 24mins

This tutorial demonstrates some of the further configuration options available within the FCK editor.

We walk you through some of the additional configuration options that are available to use in your DotNetNuke installations. These additional options will also provide you with the knowledge for researching and configuring any additional FCK editor options.

The videos contain:

• Video 1 - FCK Editor, ‘Other Editor Options’, Further Configurations
• Video 2 - Advanced Configuration Options using the FCKConfig.js file

Total Time Length: 13mins

This tutorial demonstrates how to alert content administrators when adding incorrect HTML content to a DotNetNuke portal.

Alert styles is a new concept we have been working on for ensuring that the content administrators of a DotNetNuke portal add content using good practices.

Time Length: 10mins

This tutorial demonstrates how to configure the content area in the FCK Editor to display the same text styles as your skin.css file.

Configuring the FCK Editor in this way makes it easier to edit the content in your site and ensure that it is correctly styled.

The tutorial shows how to solve problems such as unreadable text when editing with skins that have a dark background colour, as well as how to style the Link Gallery, Image Gallery and Custom Options FCK Editor pages.

The videos contain:

• Video 1 - Introduction, Configuring the Default Editor Display Mode
• Video 2 - Fixing Text Display Problems, Creating a Custom FCK Body ID
• Video 3 - Styling the Image Gallery, Link Gallery, Custom Options FCK Editor Pages
• Video 4 - Configuring an Instance, Module or Portal FCK Editor Display Mode

Total Time Length: 31mins

This tutorial shows how to change the skin of the FCK Editor.

The tutorial demonstrates how to download a new FCK Editor skin and upload it to your DotNetNuke portal. We then show you how to edit the web.config file settings to allow the new skin to be selected within the FCK Editor. Finally we demonstrate how to apply the new skin to the FCK Editor in DotNetNuke.

The videos contain:

• Video 1 - Introduction, Uploading FCK Skins, Making the Skins Available
• Video 2 - Applying the FCK Editor Skin to the DotNetNuke Portal

Total Time Length: 13mins

This tutorial outlines the functions in the FCK Editor Toolbar.

The tutorial shows how each of the FCK Editor Toolbar functions work, ranging from basic text editing, such as copy and paste techniques, through to creating various types of links such as anchor links. All options in the toolbar are demonstrated including the advanced functions for each button. This tutorial also comes with a PDF document which outlines all of the keyboard shortcuts used within the FCK editor.

The videos cover:

• Video 1 - Introduction, FCK Editor Basics, Toolbar buttons
• Video 2 - Copy and Paste Functions, Removing Formatting
• Video 3 - Text Formatting, Lists, Indents Text Alignment, Links
• Video 4 - Working with Links
• Video 5 - Working with Links and Images
• Video 6 - Working with Images, Flash and Tables
• Video 7 - Working with Tables, Insert, Formatting Text

Total Time Length: 54mins

This tutorial demonstrates the steps to create a printable view of your web pages, so a user can simply go to the file menu in their browser window and select print. This presents the user with a printable, user friendly, readable page.

The tutorial shows you how to create a print stylesheet for your DotNetNuke skin, how to format the layout of the print stylesheet, how to change the text font so that it is suitable for reading when printed out, how to set the width of the stylesheet, how to format links, and also how to display the full URL of a link next to a text link so that it can be viewed on the printed page. Finally, we demonstrate how to select which content to make available for printing and how to remove content not required for printing, this is an essential technique for removing elements such as the menu and login links which are not required for a printed page.

The videos cover:

• Video 1 - Introduction, Considerations, Setup
• Video 2 - Current Print Preview, Creating the Print CSS
• Video 3 - Remove Elements from the Printed Page
• Video 4 - Repositioning the Content, Removing Content Styling
• Video 5 - Styling the Content Pane, Re-styling the Headings
• Video 6 - How to Style Links for the Printed Page
• Video 7 - Styling Unordered lists, Method Two for Print Stylesheets using Javascript

Total Time Length: 50mins

In this tutorial we demonstrate how to administer Skins and Containers in DotNetNuke through the use of SQL queries.

In particular we demonstrate how to change the container of a module displayed on all or several pages, how to change the container of a module to a new container based on the name of the old container, and how to change the skin of a page to a new skin based on the name of the old skin.

The videos cover:

• Video 1 - How to Change Module Containers Using SQL
• Video 2 - How to Change Module Containers Based On The Container Name Using SQL
• Video 3 - How to Change a Page Skin Based On The Skin Name Using SQL

Total Time Length: 24mins