Note: To get the best effect out of using all 8 resize handles, it is recommended that the element be absolutely positioned (and if possible be a direct child of the body). Take a look at the Resize Utility's examples for demos of all of these options. knobHandles - Used for the classic 8-way resize.hover - Handles are hidden by default until the user hovers over them, then they appear.hiddenHandles - Handles are always transparent, the user gets feedback from the cursor change. There are a few configuration options built in that will alter this look: The default look of the handles are to take up all available space around the element to be resized. The default handle positions are: Right, Bottom & Bottom Right The Resize Utility supports the following handle positions: Top, Bottom, Left, Right, Top Right, Top Left, Bottom Right, Bottom Left. On every proxy resize (only fires when used with proxy config setting).įires after every element resize after the size calculations. On every element resize (only fires once when used with proxy config setting). When the DragDrop dragEvent is fired for the config option draggable.įires before every element resize after the size calculations, returning false will stop the resize. You can usually accomplish this simply by putting the class on the Next, apply the yui-skin-sam class name to an element that is a parent of the element
0 Comments
Leave a Reply. |