Slider functionality

The Slider - can be used to make simple slide shows or more complex feature panels.

To set-up a Slider / Slide show - first get your materials ready and organised under the 'Attachments' panel of the page you are working on.

See the example below. In this case the images have been named "frame-01" "frame-02" and so on to smooth the process.

Please note for many MIllstream CMS sites the newer "richslide" feature offers additional functionality that might appeal as an alternative option to this traditional slider.

Get your Attachments set-up

Fill out the Slider Settings

Start with your first slide item.

As a minimum, you need to select the image file to use. The other items such as title, animate, speed, title colour and description are all optional extras.

See the way the Slider Item has been filled out below as an example showing a slider that does overlay a Title and Description over the top of the image.

Add row

To add further frames to your slider use the Add Row option to obtain as many slider slots as needed for your set.

Fill out the Slider Settings to create two or more additional frames as needed

Repeat what you did with your first slide item again to fill out more frames as shown below.

Shuffle the slide / frame order

It's possible to  drag and drop to switch the order of your frames. You may find this easier to do when the frames are "collapsed" as shown below.

Deploy the Slider on the page

Now that your Slider is ready to use, switch across to the content panel to choose whereabouts your slider will appear.

Look at the image below and see that the display type for the editing region has 'Slider' chosen. This tells the system the slot on the page that will be used to display the slider. In the example shown below an SVG graphic is placed into the content area creating an additional textural element that is overlaid on top of the slide show.

The Slider settings also have some choices as to the type of look you want - if you choose "Feature Slider" then it will completely fill the allotted slot. If you choose "Inline Slider" then it will match the text within that same column.

How does your slider look online?

Adjust Slider Speed

Adjusting the slider speed via changing the overall number of milliseconds given to "Delay between slides (ms)". Delay is how long the slide remains on screen. The default slider speed is 8000 milliseconds (8 seconds). To increase the speed of your slider try reducing the "Delay between slides" time by changing it to 6000 (ie. 6 seconds). (See the "Delay between slides MS field pictured in the Slider screenshot above - you can just type into this field "6000" for example. Use the green Save button to commit your changes).

Adjust text animation settings

Note that on the settings for each individual slide you can adjust the speed and delay times for the Title and Description fields and text animation settings.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us