UI Features - Layouts



A DockLayout will layer the elements within the Container on top of each other, with the first element on the bottom and the last element on the top. DockLayout is ideal to horizontal and vertical alignments. However it is also possible to use translation X and Y.

Typical "DockLayout":

Container {
        layout: DockLayout {
        //This Label will be moved to the right 200px and down 150px
        Label {
            text: "Label"
            translationX: 200.0
            translationY: 150.0
        Button {
            //This Button will have a vertical alignment to the bottom
            text: "Button"
            verticalAlignment: VerticalAlignment.Bottom
        TextField {
            //This TextField will have a vertical alignment to the center and horiztonal alignment to the right
            text: "TextField"
            verticalAlignment: VerticalAlignment.Center
            horizontalAlignment: HorizontalAlignment.Right

Examples/Tutorials Using This Feature:

**Coming Soon**