78 video results for
dnn8
Videos
Jul 01, 2016
"
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
"
This video contains:
Introduction
Browser compatibility
How to convert video into OGV
Online video transcoding
Setting the OGV fallback for Firefox
"
Jul 01, 2016
"
This video contains:
Description of the poster image attribute
How to configure the poster image
"
Jul 01, 2016
"
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
"
Sep 01, 2016
"
This video contains:
Overview of the basic theme
How to switch from the DNN7 default.css to DNN8 default.css
Why switch default.css files?
Accessing the Chrome Developer Tools
...
"
Sep 01, 2016
"
This video contains:
Choosing the perfect header font
The importance of the perfect header font
Font Readability
How to implement a web font
Choosing the perfect body font
Ho...
"
Sep 01, 2016
"
This video contains:
Setting the base font size
Optimizing for mobile screens
Line height and spacing for readability
Setting heading element sizes
Adapting typography for vari...
"
Nov 01, 2016
"
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
"
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
"
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...
"
Jan 01, 2017
"
This video contains:
Introduction
Installing the DNNC Basic theme
Overview of Slinky JS markup
Creating the slinky markup inside a DNN theme
Adding the required Slinky JS CSS
"
Jan 01, 2017
"
This video contains:
How to create a DNN slinky container
Duplicating a current container
Clearing up the container
Creating the slinky section HTML markup
Setting slinky conta...
"
Jan 01, 2017
"
This video contains:
Improving theme readability and spacing
How to reset the plugin after a live CSS change
How to create the alternating heading colors
"
Mar 01, 2017
"
This video contains:
Introduction to structured data
What is Schema.org?
Example of structured data on display in Google search results
How can we implement structured data in DN...
"
Mar 01, 2017
"
This video contains:
How to create new fields for a 2sxc content type
Choosing which structured data fields to collect
Picking a 2sxc data type
How to change the field static nam...
"
Mar 01, 2017
"
This video contains:
How to inject field data into a razor template
How to format the data from a DateTime field
DateTime to ISO 8601 format
How to examine the template output
"
Apr 14, 2016
"
In this video lets have a general overview of what are the main differences between DNN 7 and DNN 8
"
Apr 14, 2016
"
In this video we will talk about how you can fix the most common issue you may come across when using a theme that is not compatible with DNN 8
"
Apr 14, 2016
"
In this video we will talk about the new theme that ships with DNN 8 and well as some fixed to the robots.txt file and a change to the web.config that may impact some modules
"
Apr 14, 2016
"
In this video we will be talking about a feature that has been brought from Evoq to the DNN 8 Platform which can be a big site performance gain.
"
Apr 14, 2016
"
In this video you will see an introduction to the new CKEditor. More in depth coverage in the following 2 videos.
"
Apr 14, 2016
"
In this video we will talk about how to configure different toolbars for different roles in the new CKEditor
"
Apr 14, 2016
"
In this video we will talk about how to setup permissions on DNN8 so that editors and other roles are able to upload images and files to the website via the CKEditor
"
Apr 14, 2016
"
In this video we will find out how we can get the RAD Editor back on a fresh new DNN 8 site.
"
Jun 01, 2016
"
This is part 1 of 4.
"
Jun 01, 2016
"
This is part 2 of 4.
"
Jun 01, 2016
"
This is part 3 of 4.
"
Jun 01, 2016
"
This is part 4 of 4.
"
Aug 26, 2016
"
This is part 1 of 4.
"
Aug 26, 2016
"
This is part 2 of 4.
"
Aug 26, 2016
"
This is part 3 of 4.
"
Aug 26, 2016
"
This is part 4 of 4.
"
Mar 01, 2017
"
Let's talk about the basic requirements necessary as the foundation to DNN theming as well as "good-to-know" technologies that will have you further advance.
"
Mar 01, 2017
"
Let's get our hands dirty and start working on a basic new DNN theme. This is part 1 of 3.
"
Mar 01, 2017
"
Let's get our hands dirty and start working on a basic new DNN theme. This is part 2 of 3.
"
Mar 01, 2017
"
Let's get our hands dirty and start working on a basic new DNN theme. This is part 13 of 3.
"
Mar 01, 2017
"
Let's talk about one of the DNN skin objects called Breadcrumbs. This is part 1 of 7.
"
Mar 01, 2017
"
Let's talk about another DNN skin object called Copyright. This is part 2 of 7.
"
Mar 01, 2017
"
Let's talk about another DNN skin object that will display the current date. This is part 3 of 7.
"
Mar 01, 2017
"
Let's talk about one of the DNN skin objects called Hostname. This is part 4 of 7.
"
Mar 01, 2017
"
Let's talk about the DNN skin object that places the site's logo on the page. This is part 5 of 7.
"
Mar 01, 2017
"
Let's talk about another DNN skin object called Privacy. This is part 6 of 7.
"
Mar 01, 2017
"
Let's talk about another DNN skin object called Terms. This is part 7 of 7.
"
May 01, 2017
"
This video contains:
Introduction, Setting up the Theme and Markup
Installing and setting up the basic theme
CSS Grid browser support
Theme file contents
Creating the basic HTM...
"
May 01, 2017
"
This video contains:
How to determine grid lines and gutters
Creating a basic columns template
How to determine row lines
Creating a basic rows template
Introduction to gutters...
"
May 01, 2017
"
This video contains:
How to set section column start and end lines
How to set section row start and end lines
Pushing the footer to the bottom of the page
Other CSS Grid features...
"
Jul 01, 2017
"
This video contains:
Introduction
Theme plan
How to "responsify" the CSS Grid theme
Adding CSS media queries
Applying the CSS grid to only tablets and above
Importing the typ...
"
Jul 01, 2017
"
This video contains:
Setting up the flexbox responsive menu from the flexbox theme
Adjusting theme background colours
How to add an extra gutter to the CSS grid
Responsive gutter...
"
Jul 01, 2017
"
This video contains:
How to add the DNN login skin object
Link styling
How to create an auto hiding slider section
Adding the DNN content panes
Auto hiding empty sections with CSS Grid
"
Sep 01, 2017
"
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
"
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
"
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
"
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
"
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
"
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
"
This video contains:
Introduction to web accessibility
The three main accessibility techniques
Basic image accessibility
Link accessibility
Images inside links
"
Jan 01, 2018
"
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
"
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
"
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
"
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
"
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
"
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
"
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
"
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
"
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...
"
Jul 01, 2018
"
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
"
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
"
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
"
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
"
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
"
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...
"
Nov 23, 2018
"
Summary of the topics that will be discussed over the course of the 4 part series. This introduction outlines what you should expect to be introduced to throughout the series. This is part 1 of 4.
"
Nov 23, 2018
"
Introduction into what the DNN Platform is, how the platform works, what can be built on it and what the “building blocks” can be used to assembly DNN solutions. From where you can host DNN ...
"
Nov 23, 2018
"
This video touches on the requirements for developers building custom extensions, initial DNN installations and some of the key terminology in DNN. All users of DNN can benefit from the int...
"
Nov 23, 2018
"
A review of some of the pros and cons that are encountered when building solutions on the DNN platform. Topics that are covered range from HTML Editors vs. Content Types, knowing what type o...
"