You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@myfaces.apache.org by =?ISO-8859-15?Q?Carsten_H�hne?= <ca...@fal.de> on 2005/11/30 15:10:48 UTC

PanelGrid Columns aligned at top

Hello, 
is there a way to get PanelGrid aligning all its columns at top. 
The fowllowing code 

<Code>	
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%> 
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%> 
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%> 
<%String path = request.getContextPath(); 
         String basePath = request.getScheme() + "://" + 
request.getServerName() + ":" + request.getServerPort() + path + "/"; 
         %> 
<html> 
<head> 
<base href="<%=basePath%>"> 
<link rel="stylesheet" type="text/css" href="stylesheet.css"> 
</head> 
<body> 
<f:view> 
   <t:panelGrid columns="2" border="1" style="vertical-align: top;" 
styleClass="panelgrid" align="top" 
      columnClasses="samplewellList"> 
      <h:panelGrid columns="1"> 
         <h:outputText value="test" /> 
         <h:outputText value="test" /> 
         <h:outputText value="test" /> 
         <h:outputText value="test" /> 
         <h:outputText value="test" /> 
      </h:panelGrid> 
      <h:outputText value="testin" /> 
   </t:panelGrid> 
</f:view> 
</body> 
</html> 
</Code>	

should render the tables as: 
	
test  testin 
test 
test 
test 
test	

but it renders: 

Code:	

test 
test 
test  testin 
test 
test	


The JSP Editor in Exadel Studio displays the Layout correctly but 
running in Tomcat 5.5 the false layout is shown.

I searched the generated sourcecode:
Result: The columClasses is only propagated to the first column. If i 
propagate it tpo all columns (or to the coressponding tbody tag) the 
layout is shown correct. Have i made some mistake.

<SourceCode>
<html>
<head> 
	<base href="http://localhost:8080/baz/">
 <link rel="stylesheet" type="text/css" href="stylesheet.css"></head>
<body>

	<table align="top" border="1" style="vertical-align: top;" 
class="panelgrid"><tbody><tr><td class="samplewellList"><table 
border="0"><tbody><tr><td>test</td></tr>
<tr><td>test</td></tr>
<tr><td>test</td></tr>
<tr><td>test</td></tr>
<tr><td>test</td></tr>
</tbody></table></td><td>testin</td></tr>
</tbody></table>
[...]
</SourceCode>
 
Does someone has an idea? 

Second question: Can i achieve my goal with <h:panelGrid>?

Ciao, 
Carsten