JLY FlexGrid

From Jeremie Leroy - XOJO Controls Wiki
Revision as of 14:36, 29 July 2016 by RB WikiCreator (Talk)

Jump to: navigation, search

FlexGrid is scrollable and flexible layout used to automatically organize child ContainerControls depending on available width and height.

It was initially designed to mimic Flexbox item available in CSS/HTML.

Using the Resizing event, it is possible to display/hide some child containers depending on the size of the FlexGrid. This technique is known as Responsive Design.


Events
Open
Resizing


Properties
Alignment
Count
gapX
gapY
Justify
LiveResizing


Methods
AddControl RemoveItem
AddItem RemoveItem
GetItem UpdateContents
GetItem UpdateRealtime
Register
RemoveAll


History

Version 1.0.0 - Released 2016-07

  • Initial release of JLY_FlexGrid

Enumerations

Align_Items

This is the enumeration to use with Alignment property

Value Description
Top Items aligned at the top of each row
Bottom Items aligned at the bottom of each row
Center Items aligned at the center of each row
Stretch All Items in a given row will have the same height


Justify_Content

This is the enumeration to use with Justify property

Value Description
Left Items are packed toward the left
Right Items are packed toward the right
Center Items are centered
SpaceBetween Items are evenly distributed in the line
SpaceAround Items are evenly distributed in the line with equal space around them

TODO

ki

Flex-direction wid

See also

JLY_FlexItem class.