Carousel showcases pages from your site (vertical navigation).
This feature works comparably in both the Classic and Flex UI versions of the UBCMS. In the future, screenshots and language will be updated to reflect Flex UI.
Last reviewed: September 22, 2021
This component initially has two tabs: Slide Deck Module and Slide Deck Items. A third tab appears after the Build list using option is chosen.
The default size for this component is 392x288 pixels.
For best performance, please use this component with Shared Content pages created using the Highlight Template.
Title: Provide a descriptive label for the module.
CSS Class: Advanced users should write CSS rules in the content.css file for the class provided in this field.
Here you will choose the type of list, as well as additional advanced settings.
Build list using: This drop-down menu asks how you want to build your list. You have the option to build it using:
Be careful not to list the parent page here by mistake.
It can create a loop. > Read more
New window: Select so each clicked page is displayed in a new browser window.
When New Window is selected, an additional icon will follow the linked text, to alert visitors that they will be taken to a new browser window, or even leave the current website.
And if the hyperlink goes to a downloadable file, an document icon will instead be shown as well as the file size if the file is on the same server. (Read more about link labels.)
Order by: There are several ways in which you can order your list:
Reverse order: Check the box to select whether you would like to inverse the order selected in the Order by field.
Unlike other carousels and slide decks, this component cannot be randomized.
Start at: Select how many items you would like to skip at the beginning of the list (example: '5' will skip the first four items and begin the list at the fifth item). Left blank, the default value of '1' will result in the list displaying every item in your list. This setting can be useful if you wish to feature several items in one group, perhaps at the top of your news page, or on your homepage, and NOT have them repeated with the rest of your list displayed elsewhere on your site.
Limit: Choose a maximum number of entries (optional).
If you want all items to appear in the list, do not leave the Limit field blank. Instead, enter a value that you anticipate will meet your needs; for example, 200, 500, etc. (The News Center has used 9999 as a 'very large number' because their archives date to 1990.)
Exclude current page: Do not display any entries that link to the page on which the list is shown (optional).
Enable scheduling: Select to enable shared content Scheduling.
Host page: Specify on what page of your site you would like any shared content shown. By default will be the current page.
The slideshows and carousels do not support auto-play. This decision was made in compliance with best practices for usability and site design, not to confuse users by changing elements on the page without their consent.
To avoid confusion, every unique link on a page must have unique link text. It is not hard to compose comprehensive text for manually coded links, but links that are generated automatically by lists and carousels must also be different, which takes more planning.
Also consider Call to Action, Button, and Tabs components, as well as the pagination and "see all" links in the Event and News List components which may have the same labels and appear more than once on a page. (Some of these have additional label settings that can help prevent this redundancy.)
Best practice: when creating shared content pages that will be used in lists, use distinct titles, or set the Navigation Title in the page Properties so none of your pages have the same title if they are displayed together. Also take advantage of additional label settings in other components when you will have several on a page.
Alternative text ('Alt text') is a best practice for all your UBCMS images and is often required for accessibility so screen readers can tell visually disabled users what they are not seeing.
Images displayed as teasers in lists require Alt text. Normally this is supplied in the original listed pages, often in shared content, and in some cases, in the metadata of the referenced images in Assets.
Best practice, Alt text should be added whenever an image is uploaded into Assets.
Links in many components can be set to open in a new browser window (or tab). The user can thus explore the new page, while preserving the source page (and your website) in the original tab. However, this can be confusing if the user does not realize a new tab has opened. They may become lost, confused how they arrived on that new page and unable to return to your site.
Best practice: let the user control their experience and stay in the same tab, with two notable exceptions:
On the Slidedeck Items tab, choose Build slidedeck using: Fixed list.
A new Fixed List tab will appear. Add links to the desired shared content pages and leave the associated link labels blank so you don't overwrite the default page Titles.
By default, the Slide Deck will use your page title, first paragraph and leading image in the left preview pane AND the navigation list on the right. There are several ways to control what appears in the left teaser pane so it is not simply repeating the teaser list on the right.
Solution 1 -- display shared content created using the Highlight Template
Solution 2 -- display shared content created using the News Article Template
For other Page Templates (e.g. Flexible Shared Content, Faces and Voices), you can only adjust the description and image.