<cfslider>

edit

Used inside <cfform>, cfslider lets you place a slider control in a CFML form.

A slider control is like a sliding volume control.

The slider groove is the area over which the slider moves.

This tag cannot have a body.

This tag is also supported within <cfscript>

Requires Extension: Form Tags for Jakarta EE (Lucee 7+)


		<cfslider
    name=string
    label=string
    refreshLabel=boolean
    range=string
    scale=number
    value=number
    onValidate=string
    message=string
    onError=string
    height=number
    width=number
    vSpace=number
    hSpace=number
    align=string
    tickMarkMajor=boolean
    tickMarkMinor=boolean
    tickMarkImages=string
    tickMarkLabels=string
    lookAndFeel=string
    vertical=boolean
    bgColor=string
    textColor=string
    font=string
    fontSize=number
    italic=boolean
    bold=boolean
    notSupported=string
>

Attribute	Description
name _{string, required}	edit A name for the cfslider control.
label _{string, optional}	edit A label that displays with the slider control.
refreshLabel _{boolean, optional}	edit Yes or No. If Yes, the label is not refreshed when the slider is moved. Default is Yes.
range _{string, optional}	edit The values of the left and right slider range. The slider value displays as the slider is moved. Separate values by a comma.
scale _{number, optional}	edit Unsigned integer. Defines the slider scale within the value of range.
value _{number, optional}	edit The starting slider setting. Must be within the values specified in range. Defaults to the minimum value specified in range.
onValidate _{string, optional}	edit The name of a valid JavaScript function used to validate user input; in this case, a change to the default slider value.
message _{string, optional}	edit Message text to appear if validation fails.
onError _{string, optional}	edit The name of a valid JavaScript function to execute in the event of a failed validation.
height _{number, optional}	edit Height of the slider control, in pixels.
width _{number, optional}	edit Width of the slider control, in pixels.
vSpace _{number, optional}	edit Vertical margin spacing above and below slider control, in pixels.
hSpace _{number, optional}	edit Horizontal margin spacing to the left and right of slider control, in pixels.
align _{string, optional}	edit Alignment value.
tickMarkMajor _{boolean, optional}	edit Yes to render major tickmarks in the slider scale.
tickMarkMinor _{boolean, optional}	edit Yes to render minor tickmarks in the slider scale.
tickMarkImages _{string, optional}	edit image used for tickmarks
tickMarkLabels _{string, optional}	edit label used for tickmarks
lookAndFeel _{string, optional}	edit A stylistic choice for the slider.
vertical _{boolean, optional}	edit Yes renders the slider in the browser vertically. No renders the slider horizontally. This is the default.
bgColor _{string, optional}	edit Background color of slider label. See textColor for color options. _{Alias: bgcolour}
textColor _{string, optional}	edit Slider label text color. Valid entries are: black, magenta, cyan, orange, darkgray, pink, gray, white, lightgray, yellow. _{Alias: textcolour}
font _{string, optional}	edit Font name for label text.
fontSize _{number, optional}	edit Font size for label text measured in points.
italic _{boolean, optional}	edit Yes for italicized label text, No for normal text. Default is No.
bold _{boolean, optional}	edit Enter Yes for bold label text, No for medium text. Default is No.
notSupported _{string, optional}	edit The text to display if a page containing a Java applet-based cfform control is opened by a browser that does not support Java or has Java support disabled.

Examples

edit

There are currently no examples for this tag.

<cfslider>

Examples

See also