Page 1 of 1

[solved] two timelines in Accordion

Posted: 21 Jan 2013, 12:31
by Gianluca
Hi All
I have a strange behaviour using two timelines inside a accordion:

Code: Select all

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:pe="http://primefaces.org/ui/extensions"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
	<title>AccordionTest</title>
</h:head>
<h:body>
	<p:accordionPanel>
		<p:tab title="Timeline one">
			<h:form id="timelineForm">
				<pe:timeline value="#{basicTimeLineController.timelines}"
					height="200"></pe:timeline>
			</h:form>
		</p:tab>
		<p:tab title="Timeline two">
			<h:form id="timelineForm2">
				<pe:timeline value="#{basicTimeLineController.timelines}"
					height="200"></pe:timeline>
			</h:form>
		</p:tab>
	</p:accordionPanel>
</h:body>
</html>
Second Timeline is empty.
Any idea about that?

Thanks Gianluca

Re: two timelines in Accordion

Posted: 21 Jan 2013, 12:38
by cagatay.civici
Common problem of rich widgets inside hidden containers that need dimension calculation like width/height, timeline should support workarounds like;

http://blog.primefaces.org/?p=1485

Re: two timelines in Accordion

Posted: 21 Jan 2013, 12:51
by tandraschko
I already talked with nilesh about this issue.
If there is no issue avialable, could you please create one? Thanks.

Re: two timelines in Accordion

Posted: 21 Jan 2013, 20:25
by Oleg
Thomas, we already have this issue in the issue tracker https://github.com/primefaces-extension ... /issues/35

Re: two timelines in Accordion

Posted: 21 Jan 2013, 20:59
by tandraschko
oh sorry :D

Re: two timelines in Accordion

Posted: 22 Jan 2013, 12:36
by Gianluca
Ok thank you. I understand the problem.

To solve my problem now i use panels instead of accordion. Works for me now.

Kind regards

Gianluca

Re: [solved] two timelines in Accordion

Posted: 30 Jan 2013, 17:22
by nileshmali
I have fixed this issue.
Please test with latest Primefaces Extensions code.