Skip to main content


deprecated class %ZEN.SVGComponent.slider extends %ZEN.SVGComponent.meter

An SVG slider control. (This is still experimental and subject to change).

Property Inventory

Method Inventory


Override viewBoxWidth for this component.


property constrained as %ZEN.Datatype.boolean [ InitialExpression = 1 ];
If true (the default), then constrain the value of the slider so that it corresponds to one of the tick marks displayed within the slider.
Property methods: constrainedDisplayToLogical(), constrainedGet(), constrainedIsValid(), constrainedLogicalToDisplay(), constrainedLogicalToOdbc(), constrainedLogicalToXSD(), constrainedNormalize(), constrainedSet(), constrainedXSDToLogical()
property tickMarks as %ZEN.Datatype.integer (MINVAL = 0) [ InitialExpression = 10 ];
Number of tick marks to display within the slider.
Property methods: tickMarksDisplayToLogical(), tickMarksGet(), tickMarksIsValid(), tickMarksLogicalToDisplay(), tickMarksLogicalToOdbc(), tickMarksNormalize(), tickMarksSet()


clientmethod btnTimerHandler(which) [ Language = javascript ]
Timer handler for up/down buttons.
clientmethod dragThumb(evt) [ Language = javascript ]
Drag handler for thumb.
clientmethod findNextTickValue(which) [ Language = javascript ]
Find the value of the next tick mark (in the direction specified by which).
clientmethod mouseDownHandler(evt, which) [ Language = javascript ]
Mouse down handler for up/down buttons.
clientmethod mouseUpHandler(evt, which) [ Language = javascript ]
Mouse up handler for up/down buttons.
clientmethod renderMeter() [ Language = javascript ]
Render the inner SVG contents of this component.
clientmethod roundValue(value) [ Language = javascript ]
Apply rounding (if needed) to a value that will be applied to the slider. If the slider is constrained, then round the value to the nearest tick mark.
clientmethod setProperty(property, value, value2) [ Language = javascript ]
Set the value of a named property.

Inherited Members

Inherited Properties

Inherited Methods

FeedbackOpens in a new tab