The user can use the small hand
icon on the bottom-right corner of the image to resize the image (see Figure 8-14).
Figure 8-14. An image on a page can be resized by the user using the ResizableControl
extender.
CHAPTER 8 ?– USING THE ASP.NET AJAX CONTROL TOOLKIT (PART 2) 196
Slider Extender
Slider controls are excellent UI constructs for allowing the user to change the settings for
some entity. This is essentially a graphical way of changing an underlying number value.
And as if you couldn??™t have guessed by now, the Slider extender provides an easy way to
implement a slider-type control in your web pages by extending a TextBox control. By
default, the range of numbers for this extender is from 0 to 100, but that can certainly be
changed using the Minimum and Maximum properties. Some of the main properties of the
Slider extender are listed in Table 8-15.
Table 8-15. Slider Extender Properties
Property Name Description
BoundControlID ID of the Label and TextBox control that displays the value of the Slider
control
Decimals Decimal points used for the value of the slider handle
EnableHandleAnimation Boolean value indicating whether or not the slider handle will have
animation (sliding/gliding effect)
HandleCssClass CSS class used for the Slider control??™s handle
HandleImageUrl URL of the image used for the Slider control??™s handle
Length Length of the Slider control expressed as Width/Height
Minimum Minimum value of the Slider control
Maximum Maximum value of the Slider control
RailCssClass Boolean value indicating whether or not to fire the Change event after a
left mouse click
Steps Number of discrete values in the range of the Slider control
Steps Tool tip text displayed when the user hovers the mouse over the slider
handle
TargetControlID ID of the target TextBox control
TooltipText Current value of the Slider control
To start using the Slider extender, you just need a couple of TextBox controls: one to
be extended by the Slider extender and another to display the current value of the slider.
Pages:
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283