Re: [tobago] and facelets: using composition

[Stefan Hedtfeld]

Hi,

providing information about width and height - which are set to the 
default values 1024 and 768 in my case - leads to the next error: an 
index out of bounds exception when calling the solve() method on the 
vertical EquationManager in LayoutContext.layout(). I can fix this in 
EquationManager (copying the data array to the resulting array with 
regard to the data array length). But this still doesn't help. At least 
there are no exceptions in the logs anymore :)

As the LayoutContext seems to be quite new maybe there are some 
implementation gaps left? If so - and if anyone is willing to provide 
information about the concept or idea of the layouting mechanism - I 
would like to help filling the gaps.

Regards,

Stefan.

Stefan Hedtfeld schrieb:
Hi,

when I change the getConstraints mehtod to create a constraints 
instance (like in UIInputBase) the next NullPointerException arises 
when accessing width and height - thought there is an (this$0) 
instance which contains the information (as strings).

I'll take a look at this when I have some more time - if you have any 
hint how to proceed I'd be happy!

Regards,

Stefan.

Stefan Hedtfeld schrieb:
Hi,

I've updated to revision 708014. Before the warnings about the 
unbalanced layout appear in the logs now a NullPointerException is 
printed in LayoutContext line 49. The field container returns null 
for container.getConstraints().

Maybe I have to add some configuration so the new LayoutContext will 
work with the container?

Regards,

Stefan.

Bernd Bohmann schrieb:
Hello Stefan,

the 1.1.x trunk is a little bit buggy now. We try to refactor the
layouting and many other parts of Tobago. I can look at your issue at
the weekend.

Regards

Bernd

Stefan Hedtfeld schrieb:
 
Hi,

I'm switching from using jsp to faclets and am currently working on a
prototype using tobago-1.1.0-SNAPSHOT and sun RI 1.2 on JBoss. I 
started
with a layout which worked for jsps, and began to migrate it to
facelets. As this didn't work as expected I tried to simplify the 
layout
and finally came to a point where I only have three parts in my 
layout:
a header, the body (content) and a footer. But I still get weird rows
with 0px height and columns with 0px width in the resulting html.

Here is some code:

app/home.xhtml:

 <ui:composition template="/templates/master.xhtml">
   <tc:loadBundle basename="bundle" var="mainBundle" />
   <ui:define name="title">#{mainBundle.pageTitle}</ui:define>
   <ui:define name="body">
     <tx:date id="test" label="Label"/>
   </ui:define>
 </ui:composition>

templates/master.xhtml:

 <f:view locale="#{clientConfiguration.locale}">
   <tc:loadBundle basename="bundle" var="mainBundle" />
   <tc:page label="#{mainBundle.pageTitle}" id="masterpage" 
width="800"
height="600">

     <f:facet name="layout">
       <tc:gridLayout border="1" margin="1px" columns="*"
rows="fixed;fixed;*;fixed"  />
     </f:facet>

     <!-- row 0 -->
     <tc:link action="app/home" immediate="true"
         image="image/logo_tiny.gif" />

     <!-- row 1 -->
     <ui:insert name="body">
       <ui:include src="/templates/body.xhtml"/>
     </ui:insert>
     <!-- row 2 -->
     <tc:cell/>

     <!-- row 3 -->
     <tc:out value="#{mainBundle.copyrightNote}"/>

   </tc:page>
 </f:view>

templates/header.xhtml

 <f:subview id="header">
   <tc:loadBundle basename="bundle" var="mainBundle" />
   <tc:link action="app/home" immediate="true"
       image="image/logo_tiny.gif" />
 </f:subview>

(footer is similar to header so I skip this one).

The result is (excerpt only :))

<table border="1" class="tobago-gridLayout-default" 
style="height:600px;
width:800px; " cellspacing="0" cellpadding="0" summary=""
  
<colgroup
<col width="796"
</colgroup><tr
<td class="tobago-gridLayout-cell-td" style="width: 796px; height: 
0px;"
<div class="tobago-gridLayout-default tobago-gridLayout-first-row
tobago-gridLayout-first-column" style="width: 796px; height: 0px;"

      
     <!-- row 0 --></div></td></tr><tr
  
<td class="tobago-gridLayout-cell-td" style="width: 796px; height: 
25px;"
<div class="tobago-gridLayout-default tobago-gridLayout-first-column"
style="width: 796px; height: 25px;"
<a href="javascript:;" onclick="Tobago.submitAction(this,
'masterpage:j_id4', true);" class="tobago-link-default"
id="masterpage:j_id4" name="masterpage:j_id4"
<img
src="/seam-template/tobago-resource/html/standard/standard/image/logo_tiny.gif" 

border="0" alt=""
</a></div></td></tr><tr
<td class="tobago-gridLayout-cell-td" style="width: 796px; height:
108px;"
<div class="tobago-gridLayout-default tobago-gridLayout-first-column"
style="width: 796px; height: 108px;"

      
I get the following warnings in the log (as far as I know row is used
for both row and column in the output):

22:21:06,164 WARN  [GridLayoutRenderer] Unbalanced layout: 
rows.size()=8
!=layoutTokens.length=4 rowLayout='fixed;fixed;1*;fixed;'
(clientId='masterpage:j_id2')
22:21:06,213 WARN  [GridLayoutRenderer] Unable to calculate Height for
token '1*'! using 'fixed' , component:masterpage:j_id6 is Panel
22:21:06,308 WARN  [GridLayoutRenderer] Unable to calculate Height for
token '1*'! using 'fixed' , component:masterpage:j_id6 is Panel
2

Has anyone used tobago and facelets for this kind of composite layout?
How do I avoid these 0px wide columns / high rows? (You can imagine 
the
more complex the layout the more weird the result ...)

Any hints welcome!

Best regards,

Stefan.