The Slideshow template is similar to the List template, but has additional fields for configuring the behavior of the slideshow widget. The configuration includes the type of transition, duration, automatic or manual starts, when to pause, and what controls to display. The widget used to render the slideshow is a Dojo widget called dojox.widget.AutoRotator. The widget rotates through the elements in a list, adding a transition between them. Content Template Catalog has examples that show linked images, but the list can contain any type of content.
. This code also instantiates the Dojo widget.
The styling of the slideshows is somewhat complex as they have a separate “caption” container that is populated as it rotates through the slideshow. The caption is stored in a hidden DIV
element with each slide and is then copied into the visible container through event handlers attached to the widget.
The following example shows a promotional slideshow, with overload captions and title controls.
This second example shows a content slideshow with number controls and formatted captions.
These slideshow portlets are included with the Content Template Catalog.
- Events Recent Featured
- Events Recent Featured with Overflow
- Events Upcoming Featured
- News Featured
- News Featured with Overflow
- Promotions slideshow
- Promotions Slideshow Grid Design
- Topics Featured
- Topics Featured with Overflow
Slideshow portlet configuration
Each slideshow portlet type uses a configuration document based on the Slideshow
authoring template located in the CTC Design
library. The following configuration parameters are used by the slideshow portlet type:
You can select from a range of transitions including fades, slides, pans and wipes.Rotation
Select the type of rotation to apply to a slideshow. This will determine how often the slides in the slideshow are shown and in what order.Slide Duration
This determines how long each slide in the slideshow is displayed before the next image is displayed.Suspend
The rotation of a slideshow can be stopped using the different methods chosen in this parameter.Controls
Different slideshow controls can be displayed using the different control options selected in this parameter.Height
This determines the height of the slideshow.List Title
Some list designs include a title in their header design. The title entered here is displayed in those list designs.CSS Style
Much of the look and feel of each portlet is defined in the CSS file linked to that portlet. You can enter the name of alternative CSS files here to change some design elements of the content displayed in the portlet. List component
The list component selected here defines what content will be displayed in the portlet. List Presentation Component
The list presentation selected here defines the layout of the header, footer and body of the content retrieved by the list component.Context Override
You can select a site, site area, content item to use as the default context of the portlet. This is used instead of the default portlet context.List Templates
Some list components display content that use a specific authoring template. Additional authoring templates can be specified here.List Categories
Some list components display content that are profiled using specific categories. Additional authoring templates can be specified here.Parent topic: List portlets pallette