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