Creating "richslide" content
This article covers turning "stacked" panels into a series of "rich" content slides – using our "rich slide" functionality so that a set of individual panels work like a traditional slider.
Stacked panels
Typically our stacked folder panels stack to form a long scrolling page. (Pictured below).
Sliding panels
The "rich slide" functionality creates a way to have some (or all) of the panels within the stack turn into a slider moving from one to the next in a slide show manner.
See how this would typically look within the Site Manager set-up...
Panel settings - the key to "richslide" operation
The key to making your panels operate as a set of slides instead of a scrolling stack is to add the "richslide" style to any panel you wish to include under the panel/page Settings > Panel dimension and colours settings as shown below:
In the context of the overall panel settings this looks like:
Important: This "richslide" style is the key!
Apply this style on each of the panels you wish to include in your slider.
For consistency of your slide show – also make sure your panels are set to the same panel height.
Save your work. You may need to reload / refresh and clear the cache for these settings to update on your site.
Examples of Implementation
If we want to take our first web site stack shown at the top of the page and introduce a "richslide" element then we can do this by adding our new panel into the stack and then making them original panel plus our new one as "richslide" panels.
Our first slider panel showing on the web site - pictured below.
See how this is created in the CMS. Firstly the page or panel is set up to with the content laid out as desired.
Secondly under Settings have to ensure Panel Dimensions and Colour Settings has the "richslide" style added as shown below.
Setting up additional "richslides"
Our second slider panel showing on the web site - pictured below.
See how this is created in the CMS. Firstly the page or panel is set up to with the content laid out as desired.
Secondly under Settings have to ensure Panel Dimensions and Colour Settings has the "richslide" style added as shown below. Note also on this screen how some other features have been added such as the glider graphics, colours on the panel settings, height of the panel and so on.
