Open Content templates

DnnMDesign and Open Content together!

DnnConsulting highly recommends the 'Structured Content Editing module', Open Content from SatraBel created by Sacha Trauwaen, a great, free open source module for everyone to use! Open Content allows you to easily create templated functionality like a carousel, cards and Parallax effects without editing any html or Javascript.

DnnConsulting and Satrabel have worked together to create 4 templates for you to use with the DnnMDesign Theme making it easy for you to have functionality that matches the MDesign theme.

 

How to use:
  • adjustDownload the Open Content module from here, follow the instructions on how to install the module.
  • adjustTo use the template below, first download the zip files and store them in a place where you can find them easily
  • Place an Open Content module on a Dnn Pane where you wish to display your content.
  • adjustMake sure you are in 'edit' mode, on the Open Content module, mouse over the icon and from the menu choose 'Template Exchange'
  • adjustIn the popup, for the 'action' drop down choose 'Import from file'
  • adjustClick the 'File' button and choose an MDesign template that you have just downloaded ('MDesign-Parallax.zip' for example)
  • adjustFor the 'New template Name' give it a name that suits your needs.
  • adjustOnce the template has been imported you will see amessage that the import was successful, now to can close the popup down and start to use the MDesign templates.

Below is a list of downloads:

  • launchThe Open Content module, download
  • launchMDesign FlipCard template for Open Content, download
  • launchMDesign Parallax template for Open Content, download
  • launchMDesign Parallax 2 template for Open Content, download
  • launchMDesign Carousel template for Open Content, download
  • launchMDesign Cards template for Open Content, download
  • launchMDesign Tabs template for Open Content, download

MDesign Flipcards using Open Content

Flip 1 with image
Flip 1 with image
Flip card 1 with image and rotation of flipping bottom
Back caption 1
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Flip 2 with image
Flip 2 with image
Flip card 2 with image and rotation of flipping left 
Back caption 2
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Flip 3 with image
Flip 3 with image
Flip card 3 with image and rotation of flipping right
Back caption 3
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Flip 4 with icon
Flip card 4 with icon and rotation of flipping top 
Back caption 4
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Flip 5 with icon
Flip card 5 with icon and rotation of flipping bottom  
Back caption 5
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
MDesign Carousel using Open Content
MDesign Cards using Open Content
Card 1
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Card 2
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Card 3
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Card 4
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
MDesign Tabs using Open Content
Tab Example 1
Lorem Ipsum
 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Tab Example 2
Lorem Ipsum
 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Tab Example 3
Lorem Ipsum
 is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
OpenContent

Well

This is some bold info!

MDesign Parallax template using Open Content

Example of Parallax

This is an example of the MDesign Parallax template using Open Content