UIX/XML: sideNav layout problem

Question

We're using UIXPages with a sideNav. The page itself contains a number of headers.
Whenever a header is rendered below the sidenav the entire header is on the left margin of the screen. However I think it looks better if all the headers are justified equally.
So the layout I get now is:
SSS HHHHH
SSS HHHHH
HHHH
HHHH
and what I want is:
SSS HHH
SSS HHH
___ HHH
___ HHH
where S is the sideNav and H is a header with all its data.
I tried putting all the headers in a tableLayout but that just didn't work, I always got the same layout.
Is there any way to do that?
Thanks,
Guido

Answer 1

Hm, tyour testcase works fine even when I added multiple levels of subheaders, but try my file.
It has one header with a number of subHeaders and the last subHeader is not indented correctly.
ok, the uix code is ugly but its supposed to work anyway - right?
Thanks,
Guido
<?xml version="1.0" encoding="windows-1252"?>
<page xmlns="http://xmlns.oracle.com/uix/controller">
<content>
<pageLayout xmlns="http://xmlns.oracle.com/uix/ui">
<start>
<sideNav>
<contents>
<link text="Markets" destination="../common/markets.uix">
</link>
<link text="Characteristics" destination="../common/characteristics.uix">
</link>
</contents>
</sideNav>
</start>
<contents>
<dataScope xmlns="http://xmlns.oracle.com/uix/ui" xmlns:fti="http://www.ftisoft.com">
<provider>
</provider>
<contents>
<form method="POST" name="mainForm">
<contents>
<header text="issueaction">
<contents>
<tableLayout>
<contents>
<rowLayout vAlign="top">
<contents>
<tableLayout>
<contents>
<header text="issueactiondeclaration" >
<contents>
<tableLayout>
<contents>
<rowLayout vAlign="top">
<contents>
<tableLayout>
<contents>
</contents>
</tableLayout>
</contents>
</rowLayout>
</contents>
</tableLayout>
</contents>
</header>
<header text="issueactionoptions" >
<contents>
<tableLayout>
<contents>
<rowLayout vAlign="top">
<contents>
<tableLayout>
<contents>
<header text="issueactionoption" >
<contents>
<tableLayout>
<contents>
<rowLayout vAlign="top">
<contents>
<tableLayout>
<contents>
<header text="issueactionprocedure" >
<contents>
<tableLayout>
<contents>
<rowLayout vAlign="top">
<contents>
<tableLayout>
<contents>
</contents>
</tableLayout>
</contents>
</rowLayout>
</contents>
</tableLayout>
</contents>
</header>
<header text="issueactionparticipants" >
<contents>
<tableLayout>
<contents>
<rowLayout vAlign="top">
<contents>
<tableLayout>
<contents>
<header text="issueactionparticipant" >
<contents>
<tableLayout>
<contents>
<rowLayout vAlign="top">
<contents>
<tableLayout>
<contents>
<header text="issueactionparticipantdef" >
<contents>
<tableLayout>
<contents>
<rowLayout vAlign="top">
<contents>
<tableLayout>
<contents>
</contents>
</tableLayout>
</contents>
</rowLayout>
</contents>
</tableLayout>
</contents>
</header>
<header text="generalcomment" >
<contents>
<tableLayout>
<contents>
<rowLayout vAlign="top">
<contents>
<tableLayout>
<contents>
</contents>
</tableLayout>
</contents>
</rowLayout>
</contents>
</tableLayout>
</contents>
</header>
</contents>
</tableLayout>
</contents>
</rowLayout>
</contents>
</tableLayout>
</contents>
</header>
</contents>
</tableLayout>
</contents>
</rowLayout>
</contents>
</tableLayout>
</contents>
</header>
</contents>
</tableLayout>
</contents>
</rowLayout>
</contents>
</tableLayout>
</contents>
</header>
</contents>
</tableLayout>
</contents>
</rowLayout>
</contents>
</tableLayout>
</contents>
</header>
<header text="issueactionentitlementdates" >
<contents>
<tableLayout>
<contents>
<rowLayout vAlign="top">
<contents>
<tableLayout>
<contents>
<header text="issueactionentitlementdate" >
<contents>
<tableLayout>
<contents>
<rowLayout vAlign="top">
<contents>
<tableLayout>
<contents>
</contents>
</tableLayout>
</contents>
</rowLayout>
</contents>
</tableLayout>
</contents>
</header>
</contents>
</tableLayout>
</contents>
</rowLayout>
</contents>
</tableLayout>
</contents>
</header>
</contents>
</tableLayout>
</contents>
</rowLayout>
</contents>
</tableLayout>
</contents>
</header>
</contents>
</form>
</contents>
</dataScope>
</contents>
</pageLayout>
</content>
</page>