Creighton Students
Manual Home  >  Typo3 assistance  >  Help working with content  >  Types of Content  >  JF Multicontent  >  How To!  >  Slider
How to create a slider out of your content

See an example of this


Page Contents:

Adding a plugin to your page

Go ~ here ~ for instructions on adding new content to your page.

On the General Tab select plugin from the Type select list:

Choosing Content to show

Content can all be on one page or from several pages.  Image for the slider should be the same size though.  Each tab/accordion section/slider/ is one content element.  You cannot do this if all images/content is in one content element.  Each section has to be in it's own content element.

To choose the content to show using this plugin you'll first click the small folder icon "Browse for records".

You'll get a popup window displaying your pagetree.  Click on the page that has your content you want to use.  On the left you'll then see the available content, click on the + next to the content title.  If you have not given your content a header, "no title" will display here.

Click image for full size:

 Once you have your content chosen you can go onto choosing the plugin style.

Using inline content

What is inline content?  It's content that you place on the same page as the plugin.  Why would you want to do this?  The best reason is that content on separate pages might be found by a search engine.  With the content all on your plugin page, the search engine will find it not pages elsewhere. 

To do this:

On the plugin tab of the content element in the "general" tab of the plugin you'll see "View" and below it a select list with "Contents" at the top.  This is how you would add content from external pages (see above).  Change this to "inline content".

You'll be asked if it is alright for the page to refresh and show new fields.  Choose "OK" (really you want to do it).

You'll then get "Create new Pagecontent" text and icon. 

You'll be given the exact same options as if you were adding content in the page module or the list module.  Add your content and save it.  You'll get another "Create new Pagecontent" above the one you just created.


You can add as much content as you want to work with within the plugin.



Editing Inline content

If you are using inline content (content on the same page as the plugin), there are a couple of things you'll need to know to edit that content.

1.  From the page module, you won't see the content.  You'll have to click the plugin edit button to get to it from the page module.

2.  From the view module you can edit either content elements or the plugin itself.  To edit either content element, must mouse over it. 

Click image for full size:

To edit the plugin, mouse over the space between the two content elements:

3.  In the list module you can easily see both the content elements and the plugin.  Since the two content elements were created in the plugin, they won't show on the page without the plugin:

Slider Options

  1. “Width”: Defines the width of the slider

  2. “Height”: Defines the height of the slider

  3. “Resize contents”: If true, solitary images/objects in the panel will expand to fit the viewport

  4. “Theme”: Used theme for slider

  5. “Opened content”: Defines the content witch is opened at startup

  6. “Open random content”: Check if you like to show the content randomly

  7. “Change URL (hash tag)”: If set, the URL will change if you choose a panel

  8. “Build Arrows”: If true, builds the forwards and backwards buttons

  9. “Toggle Arrows”: If true, side navigation arrows will slide out on hovering & hide at other times

  10. “Show navigation”: If set, the panels will be displayed

  11. “Paneltext from title”: Override the paneltext with the title from content

  12. “Toggle Controls”: If true, slide in controls (navigation + play/stop button) on hover and slide change, hide at other times

  13. “Start autoplay”: If set, the autoplay button will be on

  14. “Pause on mouseover”: If set, the autoplay will pause when mouse over

  15. “Resume on video end”: If true & the slideshow is active & a youtube video is playing, it will pause the autoplay until the video is complete

  16. “Stop at end”: If true & the slideshow is active, the slideshow will stop on the last page

  17. “Play rtl”: If true, the slideshow will move right-to-left

  18. “Type of Transition”: Configure your own animation (3 options: type, direction, duration)

  19. "Direction of Transition": In or Out or a combination.

  20. "Duration of Transition": In milliseconds.

  21. “Delay for autoplay (in ms)”: Delay in milliseconds before the the next content is shown

Creighton University