CSS Flex layouts in Unity3D

Category Documentation

Guide: FlexContainer

What is a FlexContainer?

CSS equivalent: “FlexContainer

CSS classifies all elements as a “FlexContainer”, a “FlexItem” or (in nested layouts): both. In CSS3, any element with “display: flex” is a ‘FlexContainer’.

In Unity we need a way … continue reading

Guide: FlexItem

What is a FlexItem?

CSS equivalent: “FlexItem

CSS classifies all elements as a “FlexContainer”, a “FlexItem” or (in nested layouts): both. In CSS3, any element whose parent has “display: flex” is a ‘FlexItem’.

In Unity we need a place … continue reading

Guide: RootFlexContainer (RFC)

What is a RootFlexContainer?

CSS equivalent: “HTML element / outermost containing-block.

CSS classifies all elements as a “FlexContainer“, a “FlexItem” or (in nested layouts): both. To create a new Flex layout you start with one … continue reading

Docs: How does Flexbox autosize your UnityUI GUI components?

Documentation: customizing autosizing, understanding autosizing

Do you hate using Unity’s ContentSizeFitter component, that thing that so often fails to do the one task it was created for, and is incompatible with so many other parts of Unity’s Layout system? One … continue reading

© 2022 Flexbox 4 Unity — Powered by WordPress

Theme by Anders NorenUp ↑