2. Designing and Coding the 2SexyContent Template with Bootstrap
  1. 9m 1s
    Aug 01, 2014

In this tutorial we demonstrate how to create a simple, responsive portfolio app with a powerful module called 2SexyContent.

We will be using the magic of Bootstrap 3 to help us with the app styling and layout.

Our app will allow us to create a gallery of images and link each item to a DNN page where our users can view each portfolio item in more detail.

The great thing creating a 2SexyContent app is that we can easily distribute our app among our other DNN sites. 2SexyContent will also create a handy user interface to add new portfolio items.

This video contains:

  • How to create a new display template
  • Adding some basic Bootstrap markup
  • How to add your field content into the template
  • How to add the 2SexyContent content toolbar
  • Adding more portfolio items
  • How to style and lay out the portfolio items with Bootstrap
  • Reordering items
  • Exporting an app for use in another installation
Tags:
dnn7 3rd party module bootstrap
Author:
Andy Stephenson

Back

Try FREE
30 days money back guaranteed