<constantlayout>
Prev  Layouts  Next

<constantlayout>
Arranges a set of views to a constant 'x' or 'y' value.

JavaScript: lz.constantlayout
extends <layout> » <node> » lz.Eventable »

constantlayout extends <LzLayout>, and therefore it is responsible for arranging all of the subviews for the view that it is attached to. The attributes of a view that constantlayout effects are the x and y values, and as its name implies constantlayout sets all of the subviews to the same value.

Example 69. Using constantlayout

<canvas height="100">
        <view bgcolor="red">
            <view width="80" height="80" bgcolor="teal"/>       
            <view width="60" height="60" bgcolor="silver"/> 
            <view width="40" height="40" bgcolor="green"/>           
            <constantlayout axis="x" value="10"/>
        </view>
    </canvas>
edit
Flash
edit
HTML5

In this example the teal, silver and green views are aligned on the horizontal (x) axis; the layout element's value attribute (10) causes the subviews to be shifted ten pixels to the right.

Example 70. Aligning on the horizontal axis.

<canvas height="100">
            <view bgcolor="red">
                <view width="80" height="80" bgcolor="teal"/>       
                <view width="60" height="60" bgcolor="silver"/> 
                <view width="40" height="40" bgcolor="green"/>           
                <constantlayout axis="y" value="10"/>
            </view>
        </canvas>
edit
Flash
edit
HTML5

Attributes

Name (CSS property) Type (tag) Type (js) Default Category
axis string String y read/write
  The axis in which this layout operates either 'x' or 'y'.
value expression any   read/write
  The constant value that is applied to the attribute ( defined in 'axis' as 'x' or 'y' ) of each subview in the layout.

Attributes inherited from <layout>

locked, subviews, updateDelegate

Attributes inherited from <node>

classroot, cloneManager, data, datapath, defaultplacement, id, ignoreplacement, immediateparent, inited, initstage, name, nodeLevel, options, parent, placement, styleclass, subnodes, transition

Methods

update()
constantlayout.update(v);
This method is called automatically by the layout. However it can be called directly to force the layout to update
Parameter Name Type Description
v    

Methods inherited from <layout>

addSubview, ignore, lock, releaseLayout, removeSubview, reset, setLayoutOrder, swapSubviewOrder, unlock, update

Methods inherited from <node>

animate, applyConstraintMethod, applyData, childOf, completeInstantiation, construct, createChildren, dataBindAttribute, destroy, determinePlacement, getOption, getUID, init, lookupSourceLocator, releaseConstraint, releaseConstraintMethod, searchImmediateSubnodes, searchSubnodes, setOption, setSelected, updateData

Methods inherited from lz.Eventable

destroy, setAttribute

Events

Events inherited from <node>

onconstruct, ondata, oninit

Events inherited from lz.Eventable

ondestroy

Copyright © 2002-2010 Laszlo Systems, Inc. All Rights Reserved. Unauthorized use, duplication or distribution is strictly prohibited. This is the proprietary information of Laszlo Systems, Inc. Use is subject to license terms.

Prev  Up  Next
<constantboundslayout>  Home  <resizelayout>