Google Code-in

Terasology's NUI interface framework includes several layouts - containers that arrange multiple interface elements in various ways. Besides some of the simpler layouts (RowLayout arranges widgets in rows, ZoomableLayout wraps a single widget etc.) we have MigLayout - a full implementation of Swing's MiG Layout designed for advanced users. The layout is well-documented and features a detailed quick start guide - however, the guide uses Java-based components as opposed to NUI's .ui files, and translating one into the other can be hard.

Your task is to create a new guide for MigLayout based on the official Quick Start guide that uses the NUI framework's .ui file syntax instead of Java.

Definition of 'Done'

• A guide (as a Markdown or BBCode post) is submitted, containing a new MiGLayout guide as described above. (You don't need to port the entirety of the official guide - just a quick introduction of the basic concepts will suffice!) It will later be moved to the TutorialNui wiki.

Where to start?

• Check out nuiEditorScreen.ui for a good example of using MiG Layout in .ui files.
• Don't forget to take a look at our wrapper's source code for implementation details.