Waste space between 2 columns in rich:layout
---------------------------------------------
Key: RF-7770
URL:
https://jira.jboss.org/jira/browse/RF-7770
Project: RichFaces
Issue Type: Bug
Components: component
Affects Versions: 3.3.2.GA
Environment: 3.3.2-SNAPSHOT
FF 3
IE 6
Reporter: Andreas Höhmann
Priority: Minor
in the current 3.3.2-SNAPSHOT the layout-render component calculate the width of
layout-panels a little bit "wrong"
i have a 2 column layout "left:30%, right:70%" (i guess "left center"
|| "center right" produce the same problem) ... here is my template:
<ui:composition
xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:a4j="http://richfaces.org/a4j"
xmlns:rich="http://richfaces.org/rich"
xmlns:c="http://java.sun.com/jstl/core"
xmlns:fn="http://java.sun.com/jsp/jstl/functions"
template="#{initParam.mainTemplate}">
<ui:define name="site-title">
<h:outputText value="#{bundle['components.header']}" />
</ui:define>
<ui:define name="site-content">
<rich:layout style="width: 100%; height: 100%; background-color:
red;">
<rich:layoutPanel id="leftColumn" position="left"
width="30%">
<rich:layout id="leftLayout">
<rich:layoutPanel id="leftHeader" position="top"
width="100%">
<h:panelGrid cellpadding="5" cellspacing="1"
width="100%" headerClass="secondaryNavigation">
<f:facet name="header">
<ui:insert name="left-header"/>
</f:facet>
</h:panelGrid>
</rich:layoutPanel>
<rich:layoutPanel id="leftContent" position="bottom"
width="100%">
<a4j:outputPanel id="leftContentContainer"
layout="block"
styleClass="verticalScrollerContainer"
style="height: 500px; overflow: auto;">
<div class="verticalScrollerContainerFix">
<ui:insert name="left-content"/>
</div>
</a4j:outputPanel>
</rich:layoutPanel>
</rich:layout>
</rich:layoutPanel>
<rich:layoutPanel id="contentColumn" position="right"
width="70%">
<rich:layout id="contentLayout">
<rich:layoutPanel id="contentHeader" position="top"
width="100%">
<h:panelGrid cellpadding="5" cellspacing="1"
width="100%" headerClass="secondaryNavigation">
<f:facet name="header">
<ui:insert name="content-header"/>
</f:facet>
</h:panelGrid>
</rich:layoutPanel>
<rich:layoutPanel id="contentContent" position="bottom"
width="100%">
<a4j:outputPanel id="contentContentContainer"
layout="block"
styleClass="verticalScrollerContainer"
style="height: 500px; overflow: auto;">
<div class="verticalScrollerContainerFix">
<ui:insert name="content-content"/>
</div>
</a4j:outputPanel>
</rich:layoutPanel>
</rich:layout>
</rich:layoutPanel>
</rich:layout>
</ui:define>
</ui:composition>
The rendered html contains the following widths for the columns:
<div id="leftColumn" style="float: left; width: 29.4%;"
width="30%">
<div id="contentColumn" style="float: right; width: 68.6%;"
width="70%">
The width-calculation in org.richfaces.renderkit.html.LayoutPanelRenderer should be
changed. If i define only "%" widths i expect that the renderer don't
change/calculate this widths.
--
This message is automatically generated by JIRA.
-
If you think it was sent incorrectly contact one of the administrators:
https://jira.jboss.org/jira/secure/Administrators.jspa
-
For more information on JIRA, see:
http://www.atlassian.com/software/jira