cfslider

Puts a slider control, for selecting a numeric value from a
range, in a ColdFusion form. The slider moves over the slider
groove. As the user moves the slider, the current value
displays. Used within a cfform tag.
Not supported with Flash forms.

 <cfslider name="">

 cfslider(name="");

The cfslider tag is DEPRECATED as of ColdFusion 11

cfslider Attribute Reference

name
Required

Name for cfslider control.

label

Label to display with control.
For example, "Volume" This displays: "Volume %value%"
To reference the value, use "%value%". If %% is omitted,
slider value displays directly after label.

range
Default: 0,100

Numeric slider range values.
Separate values with a comma.

scale

Unsigned integer. Defines slider scale, within range.
For example: if range = "0,1000" and scale = "100",
the display values are: 0, 100, 200, 300, ...
Signed and unsigned integers in ColdFusion are in the
range -2,147,483,648 to 2,147,483,647.

value

Starting slider setting. Must be within the range values.

onvalidate

Custom JavaScript function to validate user input; in this
case, a change to the default slider value. Specify only
the function name.

message

Message text to appear if validation fails.

height
Default: 40

Slider control height, in pixels.

width

Slider control width, in pixels.

vspace

Vertical spacing above and below slider, in pixels.

hspace

Horizontal spacing to left and right of slider, in pixels.

align

Alignment of slider:
* top
* left
* bottom
* baseline
* texttop
* absbottom
* middle
* absmiddle
* right Values:
  • top
  • left
  • bottom
  • baseline
  • texttop
  • absbottom
  • middle
  • absmiddle
  • right

lookandfeel
Default: windows

- motif: renders slider in Motif style
- windows: renders slider in Windows style
- metal: renders slider in Java Swing style
If platform does not support style option, tag defaults to
platform default style.
Default: windows Values:
  • motif
  • windows
  • metal

vertical
Default: NO

Yes: Renders slider in browser vertically. You must set
width and height attributes; ColdFusion does not
automatically swap width and height values.
No: Renders slider horizontally.

bgcolor

Background color of control. For a hex value, use the form:
textColor = "##xxxxxx", where x = 0-9 or A-F; use two hash
signs or none. Values:
  • black
  • red
  • blue
  • magenta
  • cyan
  • orange
  • darkgray
  • pink
  • gray
  • white
  • lightgray
  • yellow

textcolor

Text color for control. For a hex value, use the form:
textColor = "##xxxxxx", where x = 0-9 or A-F; use two hash
signs or none. Values:
  • black
  • red
  • blue
  • magenta
  • cyan
  • orange
  • darkgray
  • pink
  • gray
  • white
  • lightgray
  • yellow

font
Default: arial

Font name for data in tree control. Values:
  • arial
  • times
  • courier
  • arialunicodeMS

fontsize

Font size for text in tree control, in points.

italic
Default: NO

Yes: displays tree control text in italics
No: it does not

bold
Default: NO

Yes: displays tree control text in bold
No: it does not

notsupported
Default: <b>Browser must support Java to <br>view ColdFusion Java Applets!</b>

Text to display if a page that contains a Java applet-based
cfform control is opened by a browser that does not
support Java or has Java support disabled.
Default:
"Browser must support Java to
view ColdFusion Java
Applets!
"

clickToChange

Whether clicking the slider changes the value of the pointer:

max

Maximum value for the slider.

onChange

Custom JavaScript function to run when slider value changes.
Specify only the function name.

min

Minimum value for the slider.

onDrag

Custom JavaScript function to run when you drag the slider.
Specify only the function name.

onError

Custom JavaScript function to run if validation fails.
Specify only the function name.

increment

The unit increment value for a snapping slider.

tip

Whether the data valu has to display as data tips

format

Specifies if the format is:html/applet Values:
  • html
  • applet

Compatibility

ColdFusion:

DEPRECATED since version 11

Fork me on GitHub