Step 10: Nested Layouts
Congratulations! You've just completed the hardest part of the tutorial. Changing the rest of the layouts in the design is pretty simple and straightforward.
Let's finish the top section of the UI.
- Select Panel 6, which contains the two ChoiceControl components, and change its layout to FlowLayout.
- Select Panel 6's FlowLayout object (flowLayout6) and change the properties to the following values:
alignment = 0
hgap = 10
vgap = 4
- Next, select Panel 2 which holds the top third of the UI design and change it to BorderLayout. Panel 5 (containing the toolbars) will automatically go to the North and Panel 6 will go to the South. This is exactly what you want, so you don't need to change any constraints.