Admin: /* TODO */

2016-07-29T13:37:37Z

‎TODO

Admin: /* See also */

2016-07-29T13:37:25Z

‎See also

Admin: 1 revision imported

2016-07-29T13:36:49Z

1 revision imported

RB WikiCreator at 13:36, 29 July 2016

2016-07-29T13:36:49Z

Admin: 1 revision imported

2016-07-29T13:33:43Z

1 revision imported

RB WikiCreator at 13:33, 29 July 2016

2016-07-29T13:33:42Z

New page

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.

{| class=eventTable
|-
|class=titleClass colspan=1|Events
|-
|{{Event | name=Open | description= | newinversion=}}
|-
|{{Event | name=Resizing | description= | newinversion=}}
|-

|-
|}

{| class=propertyTable
|-
|class=titleClass colspan=1|Properties
|-
|{{Property | name=Alignment | type=Align_Items | description= | readonly=no | newinversion= | version=1.0.0}}
|-
|{{Property | name=Count | type=Integer | description= | readonly=yes | newinversion= | version=1.0.0}}
|-
|{{Property | name=gapX | type=Integer | description= | readonly=no | newinversion= | version=1.0.0}}
|-
|{{Property | name=gapY | type=Integer | description= | readonly=no | newinversion= | version=1.0.0}}
|-
|{{Property | name=Justify | type=Justify_Content | description= | readonly=no | newinversion= | version=1.0.0}}
|-
|{{Property | name=LiveResizing | type=Boolean | description= | readonly=no | newinversion= | version=1.0.0}}
|-

|-
|}

{| class=methodTable
|-
|class=titleClass colspan=2|Methods
|-
|width=50%|{{Method | name=AddControl | params=child As ContainerControl, Name As String = "" | description= | newinversion=}}
|width=50%|{{Method | name=RemoveItem | params=name As String | description= | newinversion=}}
|-
|width=50%|{{Method | name=AddItem | params=item As JLY_FlexItem | description= | newinversion=}}
|width=50%|{{Method | name=RemoveItem | params=cc As ContainerControl | description= | newinversion=}}
|-
|width=50%|{{Method | name=GetItem | params=Name As String | description= | returntype=JLY_FlexItem | newinversion=}}
|width=50%|{{Method | name=UpdateContents | description= | newinversion=}}
|-
|width=50%|{{Method | name=GetItem | params=index As Integer | description= | returntype=JLY_FlexItem | newinversion=}}
|width=50%|{{Method | name=UpdateRealtime | description= | newinversion=}}
|-
|width=50%|{{Method | name=Register | params=Name As String, SerialKey As String | description= | returntype=Boolean | newinversion=}}

|-
|width=50%|{{Method | name=RemoveAll | description= | newinversion=}}

|-
|}

==History==

=== Version 1.0.0 - Released 2016-07===
*Initial release of JLY_FlexGrid

==Enumerations==

===Align_Items===

This is the enumeration to use with [[JLY_FlexGrid.Alignment|Alignment]] property

{| class="genericTable"
!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 [[JLY_FlexGrid.Justify|Justify]] property

{| class="genericTable"
!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.

← Older revision		Revision as of 13:37, 29 July 2016
Line 128:		Line 128:
	==See also==		==See also==

−	JLY_FlexItem class.	+	[[JLY_FlexItem]] class.

@@ Line 120: / Line 120: @@
 |Items are evenly distributed in the line with equal space around them
 |}
 ==See also==
 [[JLY_FlexItem]] class.

← Older revision	Revision as of 13:36, 29 July 2016
(No difference)

← Older revision	Revision as of 13:33, 29 July 2016
(No difference)

JLY FlexGrid - Revision history

Admin: /* TODO */

Admin: /* See also */

Admin: 1 revision imported

RB WikiCreator at 13:36, 29 July 2016

Admin: 1 revision imported

RB WikiCreator at 13:33, 29 July 2016