advanced Video Courses and Tutorials from DNN Creative Magazine for DotNetNuke

May 01, 2014

2014 Edition \ 5. May/2014 \ 1. Introduction & How to Perform a Full Backup of your DNN Site Using Plesk

" This video contains: Introduction; How to access the PowerDNN Plesk control panel; How to backup your site files and database; Downloading the backup; "

May 01, 2014

2014 Edition \ 5. May/2014 \ 2. Taking Your Site Offline, Upgrading DNN

" This video contains: How to take your site offline and set up a custom offline message; How to prevent your DNN site from upgrading automatically; Downloading and unblocki... "

May 01, 2014

2014 Edition \ 5. May/2014 \ 3. Restoring your DNN 5.x site in case of errors

" This video contains: Removing unnecessary DNN 7.x files; Restoring the DNN 5.x backup; Choosing a conflict resolution option; Performing the restore; "

Mar 01, 2014

2014 Edition \ 3. March/2014 \ 1. Managing Languages in DNN

" This video contains: Introduction; Adding an available language to DNN; Allowing users to switch between languages; How to change your default language; How to s... "

Mar 01, 2014

2014 Edition \ 3. March/2014 \ 2. Content Localization in DNN

" This video contains: Introduction; Activating content localization in Host Settings; Enabling localized content in Language Management; Translating module titles; ... "

Dec 01, 2013

2013 Edition \ 9. December/2013 \ 1. DNN Search: Filtering Results

" This video contains: Introduction; Overview of the backend features; Overview of the frontend features; Ordering the results by date; How the new search decides upon relevance;... "

Dec 01, 2013

2013 Edition \ 9. December/2013 \ 2. DNN Search: Remove Pages or Modules and Synonyms

" This video contains: How to omit individual pages or modules from the search results; Manually re indexing the search; How to use the synonyms feature; Ignoring certain words; "

Jan 01, 2013

2013 Edition \ 1. January/2013 \ 1. How to Install DotNetNuke 7 to Windows 7 - Web Server and .NET Framework

" This video contains: Introduction How to install ASP.NET framework 4.5 How to activate Internet Information Services (IIS) 7 Choosing the required features of IIS Testing for t... "

Jan 01, 2013

2013 Edition \ 1. January/2013 \ 2. Installing Microsoft SQL Server and Creating a Database

" This video contains: Choosing a version of Microsoft SQL Server How to locate the latest build of your chosen SQL server Overview of SQL Server Express How to download the correc... "

Jan 01, 2013

2013 Edition \ 1. January/2013 \ 3. Downloading and extracting DotNetNuke7, Setting up the Website in IIS

" This video contains: How to find the latest version of the DotNetNuke install package How and where to extract the installation files How to set file permissions for DotNetNuke S... "

Jan 01, 2013

2013 Edition \ 1. January/2013 \ 4. Installing DotNetNuke 7

" This video contains: How to load the installation screen How to overcome potential errors received when accessing the installation screen Setting your host user credentials Namin... "

Jun 01, 2011

2011 Edition \ 6. June/2011 \ 1. DotNetNuke Performance: Keeping Your Site Alive

" This video contains: Explanation of the ASP.NET worker process Registering on keepaliveforever.com Instructing the service to monitor your website Testing keepaliveforever can ac... "

Jun 01, 2011

2011 Edition \ 6. June/2011 \ 2. Visit Status, Content Monitoring

" This video contains: Understanding the visit status Introduction to content monitoring How to check for content that should be on the page Receiving the ‘your website is down’ em... "

Mar 01, 2011

2011 Edition \ 4. March/2011 \ 1. Debugging a DotNetNuke Installation - Introduction to Profilers

" This video contains: Introduction What are Profilers? Two Kinds of Profilers How to use Profilers to find Problems Two common types of performance problems Common Profiler Tools "

Mar 01, 2011

2011 Edition \ 4. March/2011 \ 2. Using SQL Profiler to Analyze Database Activity

" This video contains: How to get SQL Profiler Running SQL Profiler Connecting to a Database Server Recreating the Performance Problem Understanding SQL Profiler's Data "

Mar 01, 2011

2011 Edition \ 4. March/2011 \ 3. Using DotTrace to Analyze .NET Activity

" This video contains: How to get DotTrace Running DotTrace Profiling IIS A word of Warning Collecting Performance Data Understanding the Thread Tree and Call Tree Exploring ... "

Mar 01, 2011

2011 Edition \ 4. March/2011 \ 4. Using Managed Stack Explorer to View Stack Traces

" This video contains: Managed Stack Explorer vs DotTrace How to get Managed Stack Explorer Exploring Processes Exploring Threads Exploring Stack Traces Identifying the Problem "

Mar 01, 2011

2011 Edition \ 4. March/2011 \ 5. Using WireShark to wire-tap a Broken Module

" This video contains: What is WireShark? How do you get a copy of it? Starting up WireShark The problem: A broken flash module Our first Wire-Tap Converting Packets to Streams... "

Oct 01, 2014

2014 Edition \ 10. October/2014 \ 1. How to add Facebook Authentication to DNN

" This video contains: Introduction How to install the latest version of the Facebook Authentication System How to create a Facebook app How to configure a facebook app Making an... "

Jan 01, 2015

2015 Edition \ 1. January/2015 \ 1. How to Create a Paid Subscription Site with DNN

" This video contains: Introduction - How to Prepare Your Site and Set up Your Security Roles About security roles in DNN Setting up free content Creating a new security role for s... "

Jan 01, 2015

2015 Edition \ 1. January/2015 \ 2. Installing and Setting up the Subscriptions Module

" This video contains: How to download the Subscriptions module How to install the Subscriptions Module Setting up a subscribe page Setting up a Thank You page Basic module setti... "

Jan 01, 2015

2015 Edition \ 1. January/2015 \ 3. Controlling the Security role and Introduction to Paypal Payment Profiles

" This video contains: Setting up the module to control the subscribers security role Setting the payment frequency Testing the payment and signup process Examining the seller payp... "

Feb 01, 2015

2015 Edition \ 2. February/2015 \ 1. How to Create Animated Transitions in DNN - Introduction and Effect Basic Setup

" This video contains: Introduction Accessing your skin files Setting up some basic Bootstrap 3 markup Adding CSS classes to the effect markup Creating the effect content Effec... "

Feb 01, 2015

2015 Edition \ 2. February/2015 \ 2. How to Create a Fade In, a Slide Up, and a Zoom In Effect

" This video contains: Adding the effects CSS class Adding useful commented sections in skin.css How to create the before state for the fade in effect How to create the after state... "

Feb 01, 2015

2015 Edition \ 2. February/2015 \ 3. Card Flip Horizontal Effect and Browser Specific Prefixes

" This video contains: Flipping the underside of the card with CSS3 3D transforms How to hide the back face of an element after a 3D transform How to flip the underside of the card o... "

Feb 01, 2015

2015 Edition \ 2. February/2015 \ 4. Applying our Effects to the 2SexyContent Portfolio App

" This video contains: Introduction to the 2SexyContent portfolio app tutorial How to create our effect markup in a 2SexyContent display template How to create an effect selector dro... "

Mar 01, 2015

2015 Edition \ 3. March/2015 \ 1. How to Achieve DNN HTML5 Compliance - Converting Your DNN Theme to HTML5

" This video contains: Introduction How to set the HTML5 theme doctype Introduction to the 5 most important HTML5 elements The header element The nav element The article elemen... "

Mar 01, 2015

2015 Edition \ 3. March/2015 \ 2. How to Set Up DNN 7 to be 100% HTML5 Compliant

" This video contains: Pre DNN 7.4 HTML5 Compliance Issues DNN 7.4 Illegal meta tags cleanup Introduction to the new DNN 7.4 page output settings How to remove the default anchor t... "

Apr 01, 2015

2015 Edition \ 4. April/2015 \ 1. How to Implement a Basic Bootstrap Accordion Plugin

" This video contains: Introduction to the Bootstrap documentation Basic implementation of the Bootstrap accordion on your DNN site Inherent issues with Bootstrap plugin markup How... "

Apr 01, 2015

2015 Edition \ 4. April/2015 \ 2. How to Create an Accordion App with 2SXC

" This video contains: How to create a 2SXC view template Splitting the accordion markup into repeating and non repeating sections How to create the repeating section in a 2SXC templ... "

Apr 01, 2015

2015 Edition \ 4. April/2015 \ 3. Adding Bootstrap's Modal Popup and Alert Plugins to the Accordion App

" This video contains: How to implement the Bootstrap modal popup plugin inside the accordion app Creating a 'read more' feature for the accordion app. How to implement the alert Boo... "

May 01, 2015

2015 Edition \ 5. May/2015 \ 1. Advanced Header Effects for DNN Themes - Setting up a Header to Fill the Viewport Height & Vertical Centering

" This video contains: Introduction Adding effect specific classes to the header Targeting and selecting effect classes with CSS How to use the new ‘vh’ units to achieve full viewp... "

May 01, 2015

2015 Edition \ 5. May/2015 \ 2. How to Create a Fixed Parallax Effect

" This video contains: How to create a basic fixed background parallax effect Introduction to scroll based jQuery parallax effects Creating a javascript file for your theme Includi... "

May 01, 2015

2015 Edition \ 5. May/2015 \ 3. How to Create Advanced jQuery Scroll Animations

" This video contains: How to run a function when the window is scrolling Testing the function and logging to the console How to detect the scroll position of the window Demonstrat... "

Jul 01, 2015

2015 Edition \ 6. June-July/2015 \ 1. Creating a Responsive, Configurable Content Slider App with 2SXC - Installing and Configuring 2SXC

" This video contains: Introduction How to install 2SXC Creating a 2SXC app Setting up the required content types Setting up the slider view template Applying the app to the app module "

Jul 01, 2015

2015 Edition \ 6. June-July/2015 \ 2. Writing the 2SXC Slider Template

" This video contains: Determining the slider HTML markup Recreating the slider markup in the 2SXC template How to use tokens in a 2SXC template Adding the 2SXC item toolbar to the... "

Jul 01, 2015

2015 Edition \ 6. June-July/2015 \ 3. Uploading and Including the BXSlider Required Files

" This video contains: Uploading the required BXSlider CSS and Javascript files Configuring DNN to allow the upload of .js files How to include CSS and JS files in a 2SXC template ... "

Jul 01, 2015

2015 Edition \ 6. June-July/2015 \ 4. Creating the Slider App Settings

" This video contains: Explanation of various BXSlider options Understanding the various 2SXC field types How to choose your field type Adding three BXSlider settings to the settin... "

Sep 01, 2015

2015 Edition \ 7. August-September/2015 \ 1. Setting up a Basic Exit Popup in DNN

" This video contains: Introduction Adding an HTML module Introduction to the HTML markup Implementing the HTML markup Introduction to the CSS and jQuery code How to implement ... "

Sep 01, 2015

2015 Edition \ 7. August-September/2015 \ 2. How to Integrate a Mailchimp Form Into Your Exit Popup

" This video contains: Introduction to Mailchimp and DNN Integration How to create and setup a new Mailchimp list How to find the basic Mailchimp signup form Displaying the Mailchi... "

Nov 01, 2015

2015 Edition \ 8. October-November/2015 \ 1. Creating a Single Page Application Theme for DNN - Introduction, Theme Installation and Overview

" This video contains: Introduction Installing the SPA starter theme Accessing your DNN filesystem Accessing the SPA Theme folder Introduction to the theme files and structure ... "

Nov 01, 2015

2015 Edition \ 8. October-November/2015 \ 2. Theme Sections and Full Screen Sizing

" This video contains: Creating four independent page sections Correct IDs and CSS classes How to access Chrome's Developer Tools Inspecting the DOM How to set an element height ... "

Nov 01, 2015

2015 Edition \ 8. October-November/2015 \ 3. Menu System, Scrollspy and Smooth Scrolling

" This video contains: Setting text color How to vertically center content Setting up hash linking in a DNN menu How to implement Bootstrap’s Scrollspy plugin in DNN How to imple... "

Jan 01, 2016

2016 Edition \ 1. January/2016 \ 1. How to Implement Multi Colour SVG Symbols in a DNN Theme - Introduction, Icomoon App and Importing

" This video contains: Introduction Introduction to icomoon.io How to import multicolour icons into the icomoon app How to export an SVG symbol definitions file with icomoon "

Jan 01, 2016

2016 Edition \ 1. January/2016 \ 2. Implementing and Using SVG Symbols in a DNN Theme

" This video contains: Copying the symbol definitions file to the theme folder Including the symbols with a register directive Placing the symbols at the top of the document How to... "

Jan 01, 2016

2016 Edition \ 1. January/2016 \ 3. Symbol Sizing, and Global Theming

" This video contains: Setting symbol sizes Creating a common colour palette for you symbols Recolouring individual symbol parts Changing a colour globally using an icomoon theme. ... "

Mar 01, 2016

2016 Edition \ 2. February-March/2016 \ 1. How to Create a Google's Material Design Theme for DNN - Introduction and Theme Setup

" This video contains: Introduction to Google Material Design Introduction to Material Design Lite How to Implement MDL in a DNN Theme Installing the Starter Theme Overview of Th... "

Mar 01, 2016

2016 Edition \ 2. February-March/2016 \ 2. Creating the Material Layout

" This video contains: Creating Your MDL Layout Introduction to the MDL Header Introduction to the MDL Navigation Introduction to the MDL Drawer Inserting the DNN DDR Menu and Co... "

Mar 01, 2016

2016 Edition \ 2. February-March/2016 \ 3. The Material Grid System and Other Features

" This video contains: Configuring the MDL Header Behavior Introduction to the MDL Grid System How to Implement the MDL Grid in a DNN Theme How to Configure Device Size Specific Gr... "

May 01, 2016

2016 Edition \ 3. April-May/2016 \ 1. How to Create a Google's Material Design Theme for DNN Part 2 - Introduction, Colour Scheme and Buttons

" This video contains: Introduction How to change the default colour scheme Changing the hosted MDL link Implementing the DNN login skin object Giving the login link a Material b... "

May 01, 2016

2016 Edition \ 3. April-May/2016 \ 2. Skin Objects, Footer and the DDR Menu

" This video contains: Adding the DNN terms and privacy skin objects to the footer How to implement a list of menu items in the MDL footer How to duplicate and implement a DDR menu t... "

May 01, 2016

2016 Edition \ 3. April-May/2016 \ 3. Responsive Classes and Tabs

" This video contains: How to hide elements at different screen widths Introduction to MDL tabs About tab href and IDs How to use MDL tabs within an HTML module Editing MDL tabbe... "

Jul 01, 2016

2016 Edition \ 4. June-July/2016 \ 1. How to use HTML5 Video in DNN - Introduction, Setting up an HTML5 Video Element

" This video contains: Introduction HTML5 video history Versatility and customisability Compatibility Uploading video to DNN How to add allowed file types Creating the video ... "

Jul 01, 2016

2016 Edition \ 4. June-July/2016 \ 2. File types and Fallbacks

" This video contains: Introduction Browser compatibility How to convert video into OGV Online video transcoding Setting the OGV fallback for Firefox "

Jul 01, 2016

2016 Edition \ 4. June-July/2016 \ 3. The Poster Image Attribute

" This video contains: Description of the poster image attribute How to configure the poster image "

Jul 01, 2016

2016 Edition \ 4. June-July/2016 \ 4. How to Create a Fullscreen HTML5 Video Pane for a DNN Theme

" This video contains: Creating a fullscreen video container Adding the HTML5 video element Configuring the element How to overlay content Vertically and horizontally centering content "

Nov 01, 2016

2016 Edition \ 6. October-November/2016 \ 1. How to Create Responsive Themes with CSS3 Flexbox - Introduction And Setting Up

" This video contains: Introduction Installing the Flexbox starter theme Accessing the skin.css file within Chrome developer tools Skin.css mobile first overview "

Nov 01, 2016

2016 Edition \ 6. October-November/2016 \ 2. Creating a Responsive DDR Menu With Flexbox

" This video contains: Basic CSS menu styling Building the mobile menu Initializing the Flexbox container How to use flex-direction Building the tablet menu Menu item justifica... "

Nov 01, 2016

2016 Edition \ 6. October-November/2016 \ 3. Creating a Responsive Theme Layout With Flexbox

" This video contains: Creating the theme section markup Creating the stacked mobile view Reordering Flexbox items How to build a multi-row 2 column flexbox layout Flexbox respon... "

Sep 01, 2017

2017 Edition \ 5. August-September/2017 \ 1. Introduction and Implementation of the FAB Menu

" This video contains: Introduction Locating your theme folder and files How to implement CSS code from GitHub Removing the CSS source map How to include the Ionicons icon font ... "

Sep 01, 2017

2017 Edition \ 5. August-September/2017 \ 2. Labels, Icons and Hyperlinks

" This video contains: How to set button labels How to choose and set the item icons Creating menu items Setting up FAB button hyperlinks "

Sep 01, 2017

2017 Edition \ 5. August-September/2017 \ 3. Individual Item Styling & Touch Friendliness

" This video contains: How to style individual menu buttons independently Adding individual item classes How to target each item with a CSS selector How to include the FAB button j... "

Nov 01, 2017

2017 Edition \ 6. October-November/2017 \ 1. Introduction - How to Integrate a Chat Widget into a DNN Theme

" This video contains: Introduction How to sign up to Drift.com chat Initial chat widget customisation Initial default message customisation How to connect to your DNN theme file... "

Nov 01, 2017

2017 Edition \ 6. October-November/2017 \ 2. Including the Chat Widget in a Theme

" This video contains: How to include the chat widget javascript code in your theme head Introduction to Client Resource Management How to create the DnnJsInclude user control Sett... "

Nov 01, 2017

2017 Edition \ 6. October-November/2017 \ 3. Chat Widget Settings and Advanced API Setup

" This video contains: Walkthrough of the chat widget settings How to take the widget online and offline Scheduled online and offline Team availability How to set the offline mes... "

Jan 01, 2018

2018 Edition \ 1. December-January/2018 \ 1. Introduction and Basic Accessibility

" This video contains: Introduction to web accessibility The three main accessibility techniques Basic image accessibility Link accessibility Images inside links "

Jan 01, 2018

2018 Edition \ 1. December-January/2018 \ 2. HTML5 and WAI-ARIA Landmark Roles

" This video contains: Introduction to HTML5 accessibility MAIN and NAV elements Introduction to the WAI-ARIA landmark roles Screen reader landmark testing How to implement the M... "

Jan 01, 2018

2018 Edition \ 1. December-January/2018 \ 3. Other Landmarks and Colour Contrast Testing

" This video contains: How to implement the complementary landmark How to implement the contentinfo and search landmarks Introduction to colour contrast accessibility How to test y... "

Mar 01, 2018

2018 Edition \ 2. February-March/2018 \ 1. Apple Style Menu for DNN - Introduction, Starter Theme and Basic Styling

" This video contains: Introduction Page structure Applying the starter theme Overview of theme files Menu system markup Overview of skin.css file How to make the menu items ... "

Mar 01, 2018

2018 Edition \ 2. February-March/2018 \ 2. Styling the Main Menu and Revealing with jQuery

" This video contains: Main menu styling When mobile first styling is not a good idea Creating a mobile only media query Making the main menu full screen Z-index ordering How t... "

Mar 01, 2018

2018 Edition \ 2. February-March/2018 \ 3. Sub Menu Styling, Max-Height Animations

" This video contains: Styling the sub menu Centering elements using absolute positioning and translateX Setting up the transform rotate animation Styling and placing the sub menu ... "

Mar 01, 2018

2018 Edition \ 2. February-March/2018 \ 4. Styling the Tablet and Desktop Menu

" This video contains: Hiding the various elements in tablet view How to style the main menu for desktop How to style the sub menu for desktop Floating the sub menu items right S... "

May 01, 2018

2018 Edition \ 3. April-May/2018 \ 1. Modern DNN Theme Development with nvQuickTheme - Introduction, Installation and Setup

" This video contains: Introduction Requirements Setting up a local DNN installation Downloading and unpackaging the nvQuickTheme How to install Nodejs Installing Yarn How to... "

May 01, 2018

2018 Edition \ 3. April-May/2018 \ 2. Creating a New Theme Layout, Using Bootsrap 4

" This video contains: Exploring the nvQuickTheme structure How to create a new theme layout How to add new Bootstrap 4 markup Adding a jumbotron section Converting the jumbotron... "

May 01, 2018

2018 Edition \ 3. April-May/2018 \ 3. SASS, Sourcemaps, and Bootstrap 4 Variables

" This video contains: Introduction to SASS How to change SASS variables How to change the main theme colours Integrating SASS sourcemaps into the Gulp workflow Adding a local fo... "

How to Develop a Detached DNN Front End with React JS - Introduction, Installing and Designing a 2sxc App for a REST API

Jul 01, 2018

2018 Edition \ 4. June-July/2018 \ 1. How to Develop a Detached DNN Front End with React JS - Introduction, Installing and Designing a 2sxc App for a REST API

" This video contains: Introduction How to download and install the 2sxc module How to create a 2sxc app Javascript friendly naming conventions Creating the movies content type ... "

Jul 01, 2018

2018 Edition \ 4. June-July/2018 \ 2. Designing the API and Setting up a Basic React App

" This video contains: How to create the API pipeline Setting API public permissions How to install NPM with Node JS Introduction to the command line Setting up a basic zero conf... "

Jul 01, 2018

2018 Edition \ 4. June-July/2018 \ 3. Basics of a React App, Consuming a REST API, Displaying Data

" This video contains: React component overview React lifecycle methods Using the Fetch Javascript API to retrieve our Movies How to allow 'CORS' Cross Origin Resource Sharing in D... "

Sep 01, 2018

2018 Edition \ 5. August-September/2018 \ 1. Introduction, React Components and Integrating Bootstrap 4

" This video contains: Introduction How to add Bootstrap 4 to your React project Introduction to React Components How to setup a new child component Render a child component with... "

Sep 01, 2018

2018 Edition \ 5. August-September/2018 \ 2. String and Date Manipulation, Bootstrap Card Component

" This video contains: Implementing the bootstrap 4 container and row for responsivity Reactifying the Bootstrap card component How to turn a DNN relative URL into an absolute URL in... "

Sep 01, 2018

2018 Edition \ 5. August-September/2018 \ 3. Developing an Item Filter and Filter UI

" This video contains: Duplicating the main movie array for filtering Committing multiple arrays to state at the same time Setting up the user interface How to set up a select elem... "

Tag: advanced

Videos