ss:ajax:delayedload ss:ajax:event ss:ajax:region ss:data:calendar ss:data:column ss:data:repeater ss:data:table ss:data:tree ss:forms:captcha ss:forms:checkbox ss:forms:codeeditor ss:forms:combobox ss:forms:datepicker ss:forms:daterange ss:forms:dialogbox ss:forms:editbox ss:forms:fileupload ss:forms:fileuploadimage ss:forms:form ss:forms:hidden ss:forms:money ss:forms:officeuseregion ss:forms:option ss:forms:password ss:forms:paymentmethod ss:forms:radiobutton ss:forms:row ss:forms:searchbox ss:forms:selectlist ss:forms:signature ss:forms:slider ss:forms:spinbox ss:forms:submitbutton ss:forms:submitimage ss:forms:submitlink ss:forms:textarea ss:forms:timepicker ss:layout:rotator ss:layout:stepper ss:layout:stepperpanel ss:layout:tablist ss:layout:tablistitem ss:logic:dependency ss:logic:parse ss:logic:if ss:logic:else ss:logic:include ss:logic:template ss:logic:variable ss:navigation:breadcrumbs ss:navigation:item ss:navigation:primary ss:navigation:secondary ss:personalisation:firstname ss:personalisation:fullname ss:personalisation:lastname ss:personalisation:other ss:regions:content ss:regions:contentadditional ss:regions:security ss:regions:togglable ss:standard:audio ss:standard:embed ss:standard:icon ss:standard:image ss:standard:label ss:standard:link ss:standard:script ss:standard:video ss:templates:column ss:templates:row ss:templates:section ss:templates:teammember ss:thirdparty:googlemap ss:thirdparty:googlemapmarker
.
.
.

<ss:layout:rotator> </...>

Transforms an unordered list into a rotator.

Content

<ul>
The unordered list to style into a rotator.

Attributes

autoRotateTime
milliseconds
The time the rotator spends on each item before automatically moving to the next. If set to 0, the rotator will not rotate automatically.
classControls
string
CSS Class of controls

Available default classes: round, square dark, light top, right, bottom, left

Can be used in combination. Eg - classcontrols="dark round bottom left"
direction
int
The direction to cycle through items. Default = "forward". Other possible values: "backward".
height
mixed
Sets the height of the element. The default units are pixels. include the percentage symbol % to user percentage values.
id
string
(Required) Give this control a unique id. Can be accessed in the client DOM (eg, document.getElementById('myid'), or in the server DOM using $myid or $('myid')).
moveNextId
string
The ID of an element to use as a next button, which when clicked will advance the rotator by one position. Ensure the element exists and the id attribute is set.
movePreviousId
string
The ID of an element to use as a previous button, which when clicked will move the rotator backwards by one position. Ensure the element exists and the id attribute is set.
showAtOnce
int
The number of elements to show at once. Default = 1.
startAtRandom
bool
If true the rotator will initialize showing a randomly selected item. If false, the first item in the rotator will always be initially visible.
transition
string
The animation effect when moving between two items in the rotator. Default = "fade", other possible values: "slide".
transitionTime
milliseconds
The length of the transition. This must be less than AutoRotateTime.
width
mixed
Sets the width of the element. The default units are pixels. include the percentage symbol % to user percentage values.
youTube
bool
Set to true if one of the items is a YouTube video. Default = false.

Examples

No examples yet.