Skip to main content

%ZEN.SVGComponent.slider

Class %ZEN.SVGComponent.slider Extends meter [ Deprecated, System = 3 ]

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

Parameters​

DEFAULTVIEWBOXWIDTH​

Parameter DEFAULTVIEWBOXWIDTH = 10;

Override viewBoxWidth for this component.

Properties​

tickMarks​

Property tickMarks As %ZEN.Datatype.integer(MINVAL = 0) [ InitialExpression = 10 ];

Number of tick marks to display within the slider.

constrained​

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.

XDatas​

SVGStyle​

XData SVGStyle

Methods​

renderMeter​

ClientMethod renderMeter() [ Language = javascript ]

Render the inner SVG contents of this component.

dragThumb​

ClientMethod dragThumb(evt) [ Language = javascript ]

Drag handler for thumb.

mouseDownHandler​

ClientMethod mouseDownHandler(evt, which) [ Language = javascript ]

Mouse down handler for up/down buttons.

btnTimerHandler​

ClientMethod btnTimerHandler(which) [ Language = javascript ]

Timer handler for up/down buttons.

mouseUpHandler​

ClientMethod mouseUpHandler(evt, which) [ Language = javascript ]

Mouse up handler for up/down buttons.

findNextTickValue​

ClientMethod findNextTickValue(which) [ Language = javascript ]

Find the value of the next tick mark (in the direction specified by which).

roundValue​

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.

getValueForPos​

ClientMethod getValueForPos(p) [ Internal, Language = javascript ]

Internal method: get the value that corresponds to screen position p.

updateThumb​

ClientMethod updateThumb(animate) [ Internal, Language = javascript ]

Internal method: update position of thumb.

setProperty​

ClientMethod setProperty(property, value, value2) [ Language = javascript ]

Set the value of a named property.