We've briefly touched upon the way in which anchoring options are used within Ext.Fx
, for example, methods such as a ghost accepting a string representing the direction in which to move. Over the next few pages, we'll not only discuss this in detail, but we'll also go over the numerous configuration options that are common to all of the Ext.Fx
methods.
Specifying directions, anchors, alignment, and more is all based around a scheme of anchor positions. These are used by Ext JS's animation system to determine the direction of movement, and they have a pretty simple naming convention:
Anchor Position String |
Description |
---|---|
tl |
Top left corner |
t |
Center of the top edge |
tr |
Top right corner |
l |
Center of the left edge |
r |
Center of the right edge |
bl |
Bottom left corner |
b |
Center of the bottom edge |
br |
Bottom right corner |
These options allow eight-way movement when using methods such as Ext.Fx.ghost
. But the same concept is seen...