Creighton Students
Manual Home  >  Typo3 assistance  >  Help working with content  >  Types of Content  >  JF Multicontent  >  Examples  >  Combining them
Combining them

You may combine any of the options offered by JF Multicontent except Booklet.  I do not yet know if it will play with any of them in combination (if it will I'll not it here) but at this time Booklet's javascript does not appear to play nicely with it's fellow options.  The styling seen is the default that comes with the tool.

 

However, this does leave most of the options that you can combine.  

 

In the example below you will see:

Slider Example -- How to create
Columnar Example -- How to create
Tabs - (Tab Content 1, Tab Content 2, and Tab Content 3)  Example -- How to create
Accordion Example -- How to create
Slidedeck Example -- How to create

 

slider

  • slider-content-4

  • slider-content-3

  • slider-content-2

  • slider-content-1

columns

column 1

Phasellus ut ante in leo congue auctor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec vel augue vehicula neque commodo dignissim eget ullamcorper urna. Duis tincidunt laoreet blandit. Duis volutpat lorem massa, eget viverra mi. Proin luctus lectus vel nibh elementum et pellentesque metus laoreet. Maecenas augue leo, sodales non tincidunt sed, faucibus in dolor! Morbi varius ullamcorper vehicula.

column 2

Duis eleifend scelerisque tempus? Praesent vitae libero dui. Vivamus quis lorem eget tellus eleifend tristique. Curabitur accumsan est in nibh semper convallis. Nullam pretium aliquet luctus. Donec malesuada suscipit sagittis. Quisque at metus ac purus lobortis fringilla sit amet at leo!

column 3

Suspendisse rhoncus orci pharetra massa pellentesque mollis. Aliquam in pharetra ipsum! Quisque ligula nunc, fringilla in semper ac, egestas vel tellus. Sed varius scelerisque massa sit amet pulvinar. Nam eget nibh massa. Mauris tristique quam eu sem rutrum elementum. Nam mi libero, consequat at faucibus sit amet, rutrum vitae dui. Sed dapibus facilisis felis quis vulputate. Aenean non ligula nec leo facilisis convallis ut et eros. Vestibulum at aliquam ligula.

Tab Content 1

Nulla convallis tellus eget lacus sollicitudin vulputate blandit dui aliquet. Proin dolor nulla; facilisis faucibus imperdiet a, tristique vitae quam. Nam vitae massa tempor elit tincidunt imperdiet a et est. Proin justo arcu, luctus eu adipiscing sed; malesuada eu turpis? Quisque et turpis purus. Vestibulum faucibus metus interdum tellus egestas sed iaculis odio placerat. Etiam sit amet scelerisque dui. Integer id tellus felis. Sed molestie sodales libero, sed condimentum massa sagittis non. Praesent facilisis orci tincidunt enim vulputate cursus. Donec ornare, lorem sollicitudin rhoncus aliquam, leo quam sodales orci, et bibendum mi urna non magna. Duis eu velit nec sapien commodo interdum non sit amet est.

Tab Content 2

Sed vitae interdum velit! Nunc varius felis et leo sollicitudin sagittis? Aliquam erat volutpat. Maecenas orci dolor, viverra ut semper eget, sollicitudin venenatis turpis. Vivamus ipsum elit, venenatis luctus venenatis vehicula, consequat eget eros. Suspendisse ac pharetra justo. Nullam scelerisque scelerisque augue eu faucibus. Maecenas interdum enim id nisi convallis non suscipit lectus pulvinar!

Tab Content 3

Praesent vulputate diam eu lacus pulvinar malesuada. Integer posuere venenatis mi nec mollis. Sed sollicitudin odio sit amet felis mattis tempus. Nam nibh dolor, ullamcorper quis egestas vitae, semper a arcu? Phasellus facilisis facilisis massa, vitae bibendum quam commodo non? Vestibulum tempus magna tincidunt urna mattis sed hendrerit magna ornare. Suspendisse potenti.

Accordion

Tab Content 1

Tab Content 1

Nulla convallis tellus eget lacus sollicitudin vulputate blandit dui aliquet. Proin dolor nulla; facilisis faucibus imperdiet a, tristique vitae quam. Nam vitae massa tempor elit tincidunt imperdiet a et est. Proin justo arcu, luctus eu adipiscing sed; malesuada eu turpis? Quisque et turpis purus. Vestibulum faucibus metus interdum tellus egestas sed iaculis odio placerat. Etiam sit amet scelerisque dui. Integer id tellus felis. Sed molestie sodales libero, sed condimentum massa sagittis non. Praesent facilisis orci tincidunt enim vulputate cursus. Donec ornare, lorem sollicitudin rhoncus aliquam, leo quam sodales orci, et bibendum mi urna non magna. Duis eu velit nec sapien commodo interdum non sit amet est.

Tab Content 2

Tab Content 2

Sed vitae interdum velit! Nunc varius felis et leo sollicitudin sagittis? Aliquam erat volutpat. Maecenas orci dolor, viverra ut semper eget, sollicitudin venenatis turpis. Vivamus ipsum elit, venenatis luctus venenatis vehicula, consequat eget eros. Suspendisse ac pharetra justo. Nullam scelerisque scelerisque augue eu faucibus. Maecenas interdum enim id nisi convallis non suscipit lectus pulvinar!

Tab Content 3

Tab Content 3

Praesent vulputate diam eu lacus pulvinar malesuada. Integer posuere venenatis mi nec mollis. Sed sollicitudin odio sit amet felis mattis tempus. Nam nibh dolor, ullamcorper quis egestas vitae, semper a arcu? Phasellus facilisis facilisis massa, vitae bibendum quam commodo non? Vestibulum tempus magna tincidunt urna mattis sed hendrerit magna ornare. Suspendisse potenti.

tab content 4

tab content 4

Sed vulputate congue lacinia. Cras molestie eleifend lectus sit amet facilisis. Sed consectetur risus enim. Suspendisse nec ante neque. Vestibulum magna orci, accumsan eget convallis sit amet, facilisis ut dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer vitae semper justo! Morbi dapibus, libero eget mollis mollis, quam quam consequat mauris, facilisis pretium ligula nunc quis turpis. Praesent porttitor ornare dui, in interdum ligula scelerisque id. Pellentesque ut scelerisque sem. Proin eget aliquam diam. Proin aliquam, lectus ac faucibus sollicitudin, purus dolor aliquet nisi, non scelerisque purus lorem eu dui. Maecenas eget scelerisque sapien? Proin eget volutpat metus? Pellentesque nec neque sapien. Nam gravida sapien sit amet risus malesuada non semper est dictum?

Slide Deck

Tab Content 1

Tab Content 1

Nulla convallis tellus eget lacus sollicitudin vulputate blandit dui aliquet. Proin dolor nulla; facilisis faucibus imperdiet a, tristique vitae quam. Nam vitae massa tempor elit tincidunt imperdiet a et est. Proin justo arcu, luctus eu adipiscing sed; malesuada eu turpis? Quisque et turpis purus. Vestibulum faucibus metus interdum tellus egestas sed iaculis odio placerat. Etiam sit amet scelerisque dui. Integer id tellus felis. Sed molestie sodales libero, sed condimentum massa sagittis non. Praesent facilisis orci tincidunt enim vulputate cursus. Donec ornare, lorem sollicitudin rhoncus aliquam, leo quam sodales orci, et bibendum mi urna non magna. Duis eu velit nec sapien commodo interdum non sit amet est.

Tab Content 2

Tab Content 2

Sed vitae interdum velit! Nunc varius felis et leo sollicitudin sagittis? Aliquam erat volutpat. Maecenas orci dolor, viverra ut semper eget, sollicitudin venenatis turpis. Vivamus ipsum elit, venenatis luctus venenatis vehicula, consequat eget eros. Suspendisse ac pharetra justo. Nullam scelerisque scelerisque augue eu faucibus. Maecenas interdum enim id nisi convallis non suscipit lectus pulvinar!

Tab Content 3

Tab Content 3

Praesent vulputate diam eu lacus pulvinar malesuada. Integer posuere venenatis mi nec mollis. Sed sollicitudin odio sit amet felis mattis tempus. Nam nibh dolor, ullamcorper quis egestas vitae, semper a arcu? Phasellus facilisis facilisis massa, vitae bibendum quam commodo non? Vestibulum tempus magna tincidunt urna mattis sed hendrerit magna ornare. Suspendisse potenti.

tab content 4

tab content 4

Sed vulputate congue lacinia. Cras molestie eleifend lectus sit amet facilisis. Sed consectetur risus enim. Suspendisse nec ante neque. Vestibulum magna orci, accumsan eget convallis sit amet, facilisis ut dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer vitae semper justo! Morbi dapibus, libero eget mollis mollis, quam quam consequat mauris, facilisis pretium ligula nunc quis turpis. Praesent porttitor ornare dui, in interdum ligula scelerisque id. Pellentesque ut scelerisque sem. Proin eget aliquam diam. Proin aliquam, lectus ac faucibus sollicitudin, purus dolor aliquet nisi, non scelerisque purus lorem eu dui. Maecenas eget scelerisque sapien? Proin eget volutpat metus? Pellentesque nec neque sapien. Nam gravida sapien sit amet risus malesuada non semper est dictum?

Creighton University