Skip to content

Flexbox

Allows using flexbox for positioning objects.

Authors and contributors to this community extension: arthuro555.

A behavior to position objects using the CSS Flexible Box layout. Find more information at https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Tip

Learn how to install new extensions by following a step-by-step guide.

Flex container

A container for flex items.

Behavior actions

Set flex direction
Sets the flexbox direction property.

Set flex wrap
Sets the flexbox wrap property.

Set alignement of the lines
Sets the alignement method for the lines/rows of objects in the box.

Set alignement on the X axis
Sets the alignement method for items on the X axis.

Set alignement on the Y axis
Sets the alignement method for items on the Y axis.

No expressions for this behavior.

Flex Item

An item in a flex container.

Behavior actions

Set alignement of the object
Sets the alignement method for this object.

Set growth of the object
Sets the growth for this object.

Set order of the object
Sets the order for this object.

Set shrink of the object
Sets the shrink for this object.

No expressions for this behavior.

This page is an auto-generated reference page about the Flexbox extension, made by the community of GDevelop, the open-source, cross-platform game engine designed for everyone. Learn more about all GDevelop community-made extensions here.