Whatever message this page gives is out now! Go check it out!

Building slider bar controls

Last update:
Jun 9, 2026
You can use the cfslider control in a cfform tag to create a slider control and define a variety of characteristics, including label text, label font name, size, boldface, italics, and color, and slider range, positioning, and behavior. Slider bars are useful because they are highly visual and users can only enter valid values. The cfslider tag is not supported in Flash format forms.

Create a slider control

  1. Create a ColdFusion page with the following content:
<cfform name="Form1" action="submit.cfm"> 
 <cfslider name="myslider" 
 bgcolor="cyan" 
 bold="Yes" 
 range="0,1000" 
 scale="100" 
 value="600" 
 fontsize="14" 
 label="Slider %value%" 
 height="60" 
 width="400"> 

</cfform>
  2. 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.

Share this page

Was this page helpful?
We're glad. Tell us how this page helped.
We're sorry. Can you tell us what didn't work for you?
Thank you for your feedback. Your response will help improve this page.

On this page