treetable header column not aligned after resize layoutPane

Community Driven Extensions Project
Post Reply
maderkse
Posts: 9
Joined: 20 Oct 2016, 19:07

21 Oct 2016, 12:46

Hello,

After making the two layoutpanes in my page resizable, the treetable columns and headers get out of alignment the moment I resize the pane larger. The left pane contains a treetable, the right pane contains an iframe for viewing pdf.

below the fragment of the xhtml-body with the two layoutpanes.

Code: Select all

<pe:layoutPane id="layoutunit2" position="west" closable="false" resizable="true" size="33%">
	<p:outputPanel id="outputpanel3">
		<p:treeTable id="treetable1" value="#{documentListView.documentListViewItemTreeNodeRoot}" 
					 var="documentListViewItem" 
					 selectionMode="checkbox" 
					 selection="#{documentListView.selectedDocumentListViewItemTreeNodes}" 
					 emptyMessage="Geen documenten gevonden." 
					 rowStyleClass="#{documentListViewItem.visited ? 'treetable1rowvisited' : null}" 
					 widgetVar="w_treetable1" 
					 scrollable="true" 
					 scrollHeight="100%" 
					 styleClass="treetable1" 
					 resizableColumns="true">
			<p:column headerText="AG" styleClass="column1">
				<h:outputLink id="zaakOrOmsAandachtsgebied" value="#">
					<h:outputText value="#{documentListViewItem.zaakOrOmsAandachtsgebied}" />
				</h:outputLink>
				<p:tooltip id="toolTipZaakOrOmsAandachtsgebied" for="zaakOrOmsAandachtsgebied" 
				value="#{documentListViewItem.zaakOrOmsAandachtsgebied}" position="top"/>
			</p:column>
			<p:column headerText="Onderwerp" styleClass="column2">
				<h:outputLink id="omsOnderwerp" value="#">
					<h:outputText value="#{documentListViewItem.omsOnderwerp}" />
				</h:outputLink>
				<p:tooltip id="toolTipOmsOnderwerp" for="omsOnderwerp" 
				           value="#{documentListViewItem.omsOnderwerp}" position="top"/>
			</p:column>                                                
			<f:facet name="footer">#{documentListView.documentListViewItemTreeNodeRootChildCountText}</f:facet>
		</p:treeTable>
	</p:outputPanel>
</pe:layoutPane>
<pe:layoutPane id="layoutunit3" position="center" closable="false" resizable="true" size="67%">				
	<p:outputPanel id="outputpanel4">
		<iframe id="iframe1" src="#{documentListView.iframeUrl}" width="100%" 
		        height="100%" scrolling="no" frameborder="0"/>				
	</p:outputPanel>
</pe:layoutPane>
</pe:layout>
Perhaps this overview of the css-files will help with the analysis
Image

Image of the problem with the headers/columns
Image

Please let me know if you need additional information.

Kind regards,
PrimeFaces 6.0, Jboss aep 6.2, java 7, IE11

maderkse
Posts: 9
Joined: 20 Oct 2016, 19:07

29 Oct 2016, 22:38

The problem has been solved. Upgrade to version 6 did the trick (both primefaces and extensions)
PrimeFaces 6.0, Jboss aep 6.2, java 7, IE11

Post Reply

Return to “Extensions”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 7 guests