Introduction
The Slider application allows sliders of images to be created, each slide can have accompanying text and a URL destination when clicked.
A corresponding component allows these to be displayed on Intranet pages.
Sliders can be created for a variety of uses, depending on the information you want to display to users or offer them for interaction.
A sysadmin of your site will need to make some users application administrators of Slider first, so they can follow the rest of this guide.
The admin side
The users chosen to be application administrators of Slider can access its admin side from Applications Admin > Slider.
There is only one option for them to configure, and that is who can create Sliders and who can manage/edit/delete all other sliders.
Generally, we want to give administrators or other responsible users/roles/groups all permissions so they can edit anything in any Slider.
There is also the opportunity to allow some users/roles/groups to create sliders, but to only edit their own, if that would work for your company.
As Sliders are viewed once placed on Pages, it is a good idea to make the application administrators of the Pages application, also application administrators of Slider and give them permissions to edit all sliders. Then when they come to edit pages, they can also make changes to the sliders as required.
The front end
Slider can be opened from Applications > Slider
Generally, we would recommend hiding the Slider application icon so it is only visible to the users/roles/groups who have permission to create and manage sliders.
End users do not need to see this application and instead can simply view their content when the sliders are placed on pages they can see.
Users with permission to create a Slider will see the button to add a new Slider.
The blue Slider button can be used to create a new one. (The other option will be deprecated in a future version of Claromentis, so it should not be used)
A title can be given to the Slider:
On the next screen clicking under the 3 dots will allow the title to be edited, or the slider to be deleted.
Adding slides
Image: Upload an image to the slide
Background colour: Select a background colour
Title: Give the slide a title (optional)
Subtitle: Give the slide some text (optional)
Text Colour: What colour will the entered title be
Subtitle Colour: What colour will the entered subtitle be
Overlay background: (If text has been entered) What colour will be given to its container
Overlay position: Where should the text container appear in the slide
Overlay Opacity: The degree of opacity/transparency of the container
Overlay Padding: The size of the container border
URL: Attribute a URL destination to the slide when it is clicked
Permissions: Which users/roles/groups can view this slide
Click 'Save & add another slide' to go straight into adding the next slide or save this one and be taken back to the Slider screen.
Changes over time
Once a Slider has been created, it can be edited at any time in Applications > Slider by users with the appropriate permissions to do so.
Tweaks to Slides
Any of the slide options can be updated by clicking the 3 dots and selecting to edit it
Rearrange Slide order
Within a Slider, rearrange the order of the slides in it by clicking and dragging each slide from the far left.
Copy, hide or delete slides
Click on the 3 dots in line with the slide in a Slider to reveal these options, click again to apply.
The Slider component
Edit a page, click to add a component and search for Slider in the component list to add this to the page:
In the component settings, choose the slider you wish to display, along with some other options:
Slide change: How many seconds until the next slide is shown
Show pagination: Allow the user to click between all the slides in the component using the dots
Navigation arrows: Allow the user to click between the slides in order using the arrows
Image appearance: How should the component treat the images in the Slider
Image focus: Which part of the image should the component focus on
Click submit, and then resize the component to get the best fit for your images and page look.
Check in the page to save your changes, and the Slider will be visible:
