JLY FlexGrid
From Jeremie Leroy - XOJO Controls Wiki
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 | |
Contents
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.
