`<layout:rotator>`
</...>
Transforms child elements into a rotating slider.
Related Tutorials
Content
any
Elements representing each slide of the Rotator.
Attributes
- `alignItems`
string
Align Items
Vertical alignment of rotator items where items are of different heights.
Follows CSS spec for Flex containers in the row direction.
- `arrowVariant`
string
Arrow Variant
Style navigation arrows
- `autoRotateTime`
int
Auto Rotate Time (Seconds)
The time the rotator spends on each item before automatically moving to the next in seconds. If set to 0, the rotator will not rotate automatically.
- `direction`
string
Auto Rotate Direction
When Auto Rotation is Enabled, this attribute determines the direction of rotation.
Possible values are forwards and backwards.
- `easing`
string
Transition Easing
The easing algorithm to apply to the rotation transition
Default = "fade", other possible values: "slide".
- `height`
string
Height
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') ?]).
- `minimapVariant`
string
Minimap Variant
Style variant of the Minimap below the rotator.
- `moveNextId`
string
MoveNextId
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
MovePreviousId
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.
- `positionStep`
string
Position Step
The number of positions to move each time next or previous is clicked.
- `showAtOnce`
int
Group Size
The number of elements to show at once. Default = 1.
- `showAtOnceMobile`
int
Mobile Group Size
The number of elements to show at once on mobile. Default = 1.
- `spaceBetweenItems`
int
Space Between Items (px)
The amount of space between slide items. Only applicable for a ShowAtOnce value greater than 1.
- `speed`
string
Transition Speed
The speed of the transition between slides.
Default = "normal", other possible values: "fast", "slow".
- `startAtRandom`
bool
Start At Random
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
Transition Animation
The animation effect when moving between two items in the rotator.
Default = "fade", other possible values: "slide".
- `width`
string
Width
Sets the width of the element. The default units are pixels. include the percentage symbol % to user percentage values.