Skip to main content

Slider

The <slider> element displays a slider component to change the current page, volume or zoom level.

Attributes​

AttributeTypeDefaultDescription
PositioningSee the Position attributes reference
SizingSee the Size attributes reference
DepthSee the Depth attribute reference
BehaviorsSee the Behaviors attribute reference
typeSTRINGEither pages, zoom or volume
orientationSTRINGhorizontalEither vertical or horizontal
sizeINTEGERIn pixels. If absent, the slider size will adapt itself to the container
bgSTRINGSpecifies a graphic resources from a library or a media canvas to use as slider background. The graphic resource will be stretched to the slider size
levelSTRINGSpecifies a graphic resources from a library or a media canvas to use as slider level indicator. The graphic resource will be stretched to the level size
shiftStartINTEGERShift in pixel of the origin point of the slider button. This attribute is used to constrain the slider button inside the slider background
shiftEndINTEGERShift in pixel of the maximum point of the slider button. This attribute is used to constrain the slider button inside the slider background

The <slider> element can contain a <button> element which will define the draggable slider icon.