In this tutorial we walk you through how to create your own custom DDR XSLT templates.

To demonstrate the customisation of an XSLT DDR Menu Template, we will be creating the fantastic horizontal responsive slide down menu designed by the guys at codrops. Find the link on the right side.

We demonstrate how easy it is to convert this menu into a native DDR menu for DNN. To do this we walk you through how to make sure your XSLT DDR menu template is producing the correct HTML markup with the correct CSS classes. We also show you how to include all the necessary CSS and Javascript files in your menu.

This video contains:

• How to add surrounding markup to the menu;
• How to add static CSS classes to elements;
• Dynamically adding CSS classes to elements;
• How to count nodes;
• Firing the menu javascript;
• How to add page icons inside an XSLT template;
• Limiting a menu to a set number of ancestors;