SeriesLayout

extends	Layout → DisplayObject → Object

Layout with its contents placed in order. SeriesLayout can either horizontally or vertically oriented. To determine the orientation of SeriesLayout, set orientation property to either "horizontal" or "vertical".

Properties

name	Type	Default Value	Description
orientation	string	"vertical"	Can be either "horizontal" or "vertical".
spacing	string or number	0	Spacing between contents. Can be either plain number or number with unit.

Inherited from Layout

name	Type	Default Value	Description
alignContents	string	""	Align contents of this widget. See alignment guide.
width	string or number	"content"	Can be number, number with unit, "content", or "container". see sizing guide.
height	string or number	"content"	Can be number, number with unit, "content", or "container". see sizing guide.

Inherited from DisplayObject

name	Type	Default Value	Description
id	string	(8-digit random)	Identifies widget. Set this to make it searchable.
x	string or number	0	Can be either plain number or number with unit.
y	string or number	0	Can be either plain number or number with unit.
scaleX	number	1.0	Fraction of number. This will multiply width.
scaleY	number	1.0	Fraction of number. This will multiply height.
scale	number	1.0	Set this to change both scaleX and scaleY at once.
alpha	number	1.0	0.0 means transparent and 1.0 is fully opaque.
angle	number	0	0.0 means transparent and 1.0 is fully opaque.
elevation	string or number	0	Can be either plain number or number with unit.
cornerRadius	string or number	0	Can be either plain number or number with unit.
presence	boolean	true	If true, this widget will affects other widgets' position and size.
visible	boolean	true	If true, this widget will be drawn.
clipping	boolean	true	If true, content of this widget will be cropped if exceed the boundary.
suspendUpdate	boolean	true	Set true to temporarily prevent update trigger.
backgroundColor	number	app.res.style.backgroundColor	Use app.colors.* to set the color.
foregroundColor	number	app.res.style.foregroundColor	Use app.colors.* to set the color.
borderColor	number	this.foregroundColor	Use app.colors.* to set the color.
borderSize	string or number	0	Can be either plain number or number with unit.
paddingTop	string or number	0	Can be either plain number or number with unit.
paddingBottom	string or number	0	Can be either plain number or number with unit.
paddingLeft	string or number	0	Can be either plain number or number with unit.
paddingRight	string or number	0	Can be either plain number or number with unit.
paddingHorizontal	string or number	0	Set this to write both paddingLeft and paddingRight at once.
paddingVertical	string or number	0	Set this to write both paddingTop and paddingBottom at once.
paddings	string or number	0	Set this to write paddingTop, paddingBottom, paddingLeft and paddingRight.
borderSize	string or number	0	Can be either plain number or number with unit.
marginTop	string or number	0	Can be either plain number or number with unit.
marginBottom	string or number	0	Can be either plain number or number with unit.
marginLeft	string or number	0	Can be either plain number or number with unit.
marginRight	string or number	0	Can be either plain number or number with unit.
marginHorizontal	string or number	0	Set this to write both marginLeft and marginRight at once.
marginVertical	string or number	0	Set this to write both marginTop and marginBottom at once.
margins	string or number	0	Set this to write marginTop, marginBottom, marginLeft and marginRight.
alignSelf	string	""	Align position of this widget. See alignment guide.
hookTopToTopOf	string	""	ID of targeted widget. Only works if currently content of HookLayout.
hookTopToBottomOf	string	""	ID of targeted widget. Only works if currently content of HookLayout.
hookBottomToBottomOf	string	""	ID of targeted widget. Only works if currently content of HookLayout.
hookBottomToTopOf	string	""	ID of targeted widget. Only works if currently content of HookLayout.
hookLeftToLeftOf	string	""	ID of targeted widget. Only works if currently content of HookLayout.
hookLeftToRightOf	string	""	ID of targeted widget. Only works if currently content of HookLayout.
hookRightToRightOf	string	""	ID of targeted widget. Only works if currently content of HookLayout.
hookRightToLeftOf	string	""	ID of targeted widget. Only works if currently content of HookLayout.
onDraw	function	(empty function)	Event listeners that you could set on .fiwl layout.
onUpdate	function	(empty function)	Event listeners that you could set on .fiwl layout.
onSelect	function	(empty function)	Event listeners that you could set on .fiwl layout.
onOption	function	(empty function)	Event listeners that you could set on .fiwl layout.
onScroll	function	(empty function)	Event listeners that you could set on .fiwl layout.
onDragStart	function	(empty function)	Event listeners that you could set on .fiwl layout.
onDragMove	function	(empty function)	Event listeners that you could set on .fiwl layout.
onDragEnd	function	(empty function)	Event listeners that you could set on .fiwl layout.
onHoverStart	function	(empty function)	Event listeners that you could set on .fiwl layout.
onHoverMove	function	(empty function)	Event listeners that you could set on .fiwl layout.
onHoverEnd	function	(empty function)	Event listeners that you could set on .fiwl layout.
onAsyncCreate	function	(empty function)	Event listeners that you could set on .fiwl layout.
onReady	function	(empty function)	Event listeners that you could set on .fiwl layout.
onSuspend	function	(empty function)	Event listeners that you could set on .fiwl layout.
onDestroy	function	(empty function)	Event listeners that you could set on .fiwl layout.

Read-only Properties

Inherited from Layout

name	Type	Description
contents	Array<DisplayObject>	Get this instance's contents. See Layout Principle.
length	number	Count of contents.
measuredContentsWidth	number	Measured "contents" width value.
measuredContentsHeight	number	Measured "contents" height value.

Inherited from DisplayObject

Name	Type	Description
container	object	Get this instance's container. See Layout Principle.
globalX	number	Get pre-calculated absolute horizontal position.
globalY	number	Get pre-calculated absolute vertical position.
measuredWidth	number	Get pre-calculated absolute width.
measuredHeight	number	Get pre-calculated absolute height.

Methods

Inherited from Layout

Name	Return Type	Description
findContent	DisplayObject	Get content by its ID.
measureEachContentX	number	Help its contents where should be located in X axis.
measureEachContentY	number	Help its contents where should be located in Y axis.
measureEachContentWidth	number	Help its contents resolve maximum width, especially when width = "container".
measureEachContentHeight	number	Help its contents resolve maximum height, especially when height = "container".

Inherited from DisplayObject

Name	Return Type	Description
requestUpdate	void	Manually request to re-render.
addEventListener	void	Calls app.event.addEventListener with this widget as context.
removeEventListener	void	Calls app.event.removeEventListener with this widget as context.