Creating a custom layout

[TheObserver]

Hello. I am trying to create a custom layout. The format I'm going for is three rows, with the top and bottom row being comprised of three columns each. IE:

-------------
| X | X | X |
-------------
| X |
-------------
| X | X | X |
-------------

I have written a corresponding .html.txt file for my intended layout and it looks correct. However, the actual layout file's end results looks like a horizontal flow layout with line wrapping after every third column. IE:


---------------------
| X | X | X |
---------------------
| X | X | X |
---------------------
| X |
-------------


The code I have created is as follows. Thanks for your time and assistance.

<?xml version="1.0" encoding="UTF-8"?>
<netuix:markupDefinition xmlns:netuix="

http://www.bea.com/servers/netuix/xsd/controls/netuix/1.0.0"

xmlns:xsi="

http://www.w3.org/2001/XMLSchema-instance"

xsi:schemaLocation="

http://www.bea.com/servers/netuix/xsd/controls/netuix/1.0.0

markup-netuix-1_0_0.xsd">
<netuix:locale language="en"/>
<netuix:markup>
<netuix:borderLayout columns="3"
title="Seven Layout" description="This layout has seven positions." rows="3"
htmlLayoutUri="/framework/markup/layout/seven.html.txt" layoutStrategy="title"
markupType="Layout" markupName="seven">


<!--// Row One //-->
<netuixlaceholder title="west" description="The left column in the first row."
width="33%" flow="horizontal" usingFlow="true"
markupType="Placeholder" markupName="rowOneColumn_left">
</netuixlaceholder>





<netuixlaceholder title="center" description="The middle column in the first row."
width="34%" flow="horizontal" usingFlow="true"
markupType="Placeholder" markupName="rowOneColumn_center">
</netuixlaceholder>
<netuixlaceholder title="east" description="The right column in the first row."
width="33%" flow="horizontal" usingFlow="true"
markupType="Placeholder" markupName="rowOneColumn_right">
</netuixlaceholder>


<!--// Row Two //-->
<netuixlaceholder title="center" description="The only column in the second row."
width="100%" flow="horizontal" usingFlow="true"
markupType="Placeholder" markupName="rowTwoColumn_single">
</netuixlaceholder>


<!--// Row Three //-->
<netuixlaceholder title="west" description="The left column in the third row."
width="33%" flow="horizontal"
markupType="Placeholder" markupName="rowThreeColumn_left">
</netuixlaceholder>
<netuixlaceholder title="center" description="The middle column in the third row."
width="34%" flow="horizontal"
markupType="Placeholder" markupName="rowThreeColumn_center">
</netuixlaceholder>
<netuixlaceholder title="east" description="The right column in the third row."
width="33%" flow="horizontal" usingFlow="true"
markupType="Placeholder" markupName="rowThreeColumn_right">
</netuixlaceholder>
</netuix:borderLayout>

</netuix:markup>
</netuix:markupDefinition>