MACROMEDIA COLDFUSION MX 61-DEVELOPING COLDFUSION MX, Develop Manual

Page: 595 / 860

Creating data grids with cfgrid 595
2
Save the file as textentry.cfm and view it in your browser. The following figure shows the output
of this code:
To get the value of the input text in the action page, use the variable Form. textinput_name ; in this
case, Form.entertext.
Building slider bar controls
You can use the
cfslider
control in a
cfform
tag 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 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"
tickmarkmajor="True"
width="400">
</cfform>
2
Save the file as slider.cfm and view it in your browser. The following figure shows the output of
this code:
To get the value of the slider in the action page, use the variable Form. slider_name ; in this case,
Form.myslider.
Creating data grids with cfgrid
The
cfgrid
tag creates a
cfform
grid control that resembles a spreadsheet table and can contain
data populated from a
cfquery
or from other sources of data. As with other
cfform
tags,
cfgrid
offers a wide range of data formatting options as well as the option of validating user selections
with a JavaScript validation script.