2. How to Create an Accordion App with 2SXC
  1. 11m 42s
    Apr 01, 2015

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:

  • 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 template
  • Adding the content tokens into the template
  • Adding new accordion items
  • How to use the list:index token to create unique IDs
  • About Bootstrap’s accessibility attributes
dnn6 dnn7 skin bootstrap advanced
Andy Stephenson

About 2015 Edition

3h 50m 37s All Jan 01, 2015

DNN Video Tutorials posted during 2015

css3 dnn6 dnn7 3rd party module advanced bootstrap build a website integration newsletter seo skin
Andy Stephenson

30 days money back guaranteed