We have seen how Sliders can be used as Image Sliders in Episode 3. This is quite easy to understand since we see Sliders being used frequently across the web. However, on MOBLE Widgets can feed any type of content and they don't always have to link to a Page or open up an image in a Lightbox popup. In this Episode, we start by looking at how Widgets can be used to display entire Pages in Sliders. Then we move on to show you how you can even display YouTube videos inside your own animated Widgets.

SETTING UP A PAGE SLIDER

We could easily call a Page Slider a Section Slider since more often than not you're going to set each page up as a 'Hidden' 'Section', and then Tag them. 

With this in mind, set up your Page Slider as follows:

• Create a New Page,
• Considering assigning it as 'Hidden' & 'Section',
• In the Visual Page Editor considering using a fixed 'Height' to ensure all the Sections have a consistent height when they transition between each other. E.g. Set all the slides to a Height of 700px,
• In the Page Settings, considering Hiding the Header and the Footer for the Page,
• To create new slides quickly, simply clone the first page using the 'Clone Tool' in the main Page List area,
• Apply the Sort Order of your slides.

Now you're ready to set up your Widget you can do this as follows:

• Create a New Page. e.g. August Slider Show,
• Create your layout and add a Widget,
• Select 'Slider',
• Select 'Section',
• Select your 'Tags',
• Select any other preferences that you would like to apply e.g. a Height of 700px,
• Save. Now your Section pages will transition in a Slider.
  
  

PRO TIP ON PAGE SECTION HEIGHT

When creating new Page Sections for your Slider, you should ensure the height of each Section is exactly the same height. This will allow for a nice even look when the pages slide between each other.

Considerations for fixed height:

• In the Page Editor, click the Pencil Icon of the innermost Frame (the one immediate wrapping your Widget).
  
• Set the Height of the Frame E.g. to 700px.
• Try not to write too much content, so that the content does not overflow the space available in the Layout. Because the image is a fixed height, surplus content will overflow the bottom of the Layout. If your content does overflow, consider changing the 'Overflow' settings to 'Scroll'. 
• Save your Page.
  

_{A Page Slider showing a Background Image, Background Video, and Testimonial. Page Slider can display anything}