Figure 8-13
shows the sample page containing this code in the browser.
Figure 8-13. Items of a to-do list can be rearranged using the ReorderList control.
CHAPTER 8 ?– USING THE ASP.NET AJAX CONTROL TOOLKIT (PART 2) 194
ResizableControl Extender
The ResizableConrol extender is a very well implemented and easy to use extender that
can be associated with just about any HTML or ASP.NET UI control. The user can then
drag the lower-right corner of the control and resize it much like any window. Before
looking at how this extender can be used, take a look at its main properties in Table 8-14.
Table 8-14. ResizableControl Extender Properties
Property Name Description
HandleCssClass CSS class to be applied to the resize handle of the target control
HandleOffsetX/HandleOffsetY X and Y offsets applied to the resize handle in respect to the target
control
MaximumHeight Maximum allowed height of the target control
MaximumWidth Maximum allowed width of the target control
MinimumHeight Minimum allowed height of the target control
MinimumWidth Minimum allowed width of the target control
OnClientResize The client event triggered right after the target control has been
resized
OnClientResizing The client event triggered when while resizing the target control
OnClientResizeBegin The client event triggered when resizing starts to occur on the
target control
ResizableCssClass The CSS class to be applied to the target control during resize
TargetControlID ID of the target control associated with the ResizableControl
extender
So, let??™s say we have a panel in our web page that contains an image as shown here:
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281