[richfaces-issues] [JBoss JIRA] Commented: (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:comment-tabpanel&focusedCommentId=12487464#action_12487464 ] 

Alexander Smirnov commented on RF-7770:
---------------------------------------

These calculations come from Yahoo UI library, it is necessary for proper rendering of layout component in any browsers. Otherwise, panels could be stacked instead of expected side by side position.

> 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: 3.3.2.GA
>
>         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