Editing WxHaskell/Quick start (section)

==== Layout ====

The layout of a window is specified through the <tt>layout</tt> attribute. The layout of the current program is rather terse and we will spice it up by letting the button float in the center when the window is resized. This is also a good opportunity to add a small margin around the button.

[[Image:quick2-win.png|Hello world sample]]
<pre>set f [layout := margin 10 (floatCentre (widget quit))]</pre>
We can also add a text label above the button that is also centered. The argument of <tt>column</tt> specifies the amount of space between the items.

[[Image:quick3-win.png|Hello world sample]]
<pre>set f [layout := margin 10 (column 5 [floatCentre (label &quot;Hello&quot;)
                                     ,floatCentre (widget quit)
                                     ] )]</pre>
You can find out more about layout in the documentation for the [http://wxhaskell.sourceforge.net/doc/Graphics-UI-WXCore-Layout.html WXCore.Layout] module.