1. How to Implement a Basic Bootstrap Accordion Plugin

In this tutorial we will be walking through how to implement a few of the Bootstrap 3 javascript plugins in our DNN site.

With the increasing inclusion of Bootstrap in DNN themes, these useful Bootstrap plugins are regularly available to us for use throughout our sites. And if you don’t have a skin with Bootstrap available, you can easily add it, or even create your own Bootstrap skin from scratch, by following the links on this tutorial page.

In this tutorial we will will demonstrate how easy it is to take advantage of these plugins, by creating a 2sxc accordion app based on the bootstrap collapse plugin. The app we will create will be able to add, remove and edit accordion items on the fly.

We will also be including Bootstrap’s modal and alert plugins.

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 to install 2SXC
• How to create a 2SXC app
• Creating the accordion content type
• Creating the demo record