[richfaces-issues] [JBoss JIRA] Updated: (RF-7770) Waste space between 2 columns in rich:layout

[Alexander Smirnov (JIRA)]

     [ https://jira.jboss.org/jira/browse/RF-7770?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]

Alexander Smirnov updated RF-7770:
----------------------------------

    Fix Version/s: Future
                       (was: 3.3.2.GA)


> 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
>            Assignee: Alexander Smirnov
>            Priority: Minor
>             Fix For: Future
>
>         Attachments: LayoutPanelRendererFix.java, LayoutStructure.java
>
>
> 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