|Road ahead Ample SDK 0.9.5Ample SDK 0.9.4 ReleasedAmple SDK 0.9.3 ReleasedDev Update (May)Dev Update (October)Upcoming Events (Sep, Oct)Search in referenceIntroduction to Ample SDKFebruary in Ample SDKNovember in Ample SDKSet to go Open-SourceSandbox to try code onlineNew Tutorials sectionSVG in Internet ExplorerDrag&Drop and ResizeSMIL 3.0 in Ample SDKSwitching to HTML5 doctypeUsing Resize ManagerJSON object supportUpcoming changes to CSSAmple SDK plugin for AptanaDefault namespaces in DOMAmple SDK in Adobe AirObjects signatures changedSVG 1.2 Tiny in Ample SDK||
Introduction to the Resize Manager in Ample SDK
The Resize Manager in Ample SDK is modeled after Internet Explorer resize implementation with a bit of goodies added on top. It is events based as well and you can use CSS to define constraints for the resizable areas.
Events and sequencing
The events you should be aware of are: resizestart, resizeend, resize. The sequence for the events as follows:
Note, with the aml:resizable attribute you here define a resizable behavior of an instance of a component. You could also define a component to be resizable wherever it is met (for example you would need dialog or window components to be resizable always) by defining a property $resizable with a value true on the component class definition.
Defining min/max sizes
You can also define maximum and minimum sizes of an resizable object with CSS:
During the resize operation a special pseudo-class ":resize" is available on the object resizing. You can use this pseudo-class to apply specific styles to the element.
The implementation described will be available in the next version to be released on 3rd March, 2009.