User Guide

164 Chapter 9 Building Dynamic Forms
Building Slider Bar Controls
You can use the cfslider control to create a slider control and define a wide range of
formatting options for slider label text, label font name, size, boldface, italics, and
color, as well as slider scale increments, range, positioning, tick marks, and behavior.
Slider bars are useful because they are highly visual and users cannot enter invalid
values.
To create a slider control:
1 Create a new file in ColdFusion Studio.
2 Modify the file so that it appears a follows:
<cfform name="Form1" action="submit.cfm"
method="Post">
<cfslider name="myslider"
bgcolor="cyan"
bold="Yes"
range="0,1000"
scale="100"
value="600"
fontsize="14"
label="Slider %value%"
height="60"
tickmarkmajor="True"
width="400">
</cfform>
3 Save the file as slider.cfm and view it in your browser.
To get the value of the slider in the action page, use the variable Form.slider_name;
in this case, Form.myslider.