Problem with t:panelTabbedPane and Chart

tatiana · 04 Jun 2009, 12:08

Hello,

I have a problem using p:columnChart inside t:panelTabbedPane. It works in Firefox and Opera but doesn't show anything in IE.
If I replace a chart outside of t:panelTabbedPane, it works in all browsers.
What can cause a problem?

Thanks

04 Jun 2009, 12:14

Is t:panelTabbedPane a component from Tomahawk? It might be an incompatibility with Tomahawk Tabbed panel and our charts. Try PrimeFaces TabView for same purpose, it'll likely work in IE as well. See a similar case with vanilla YUI: http://developer.yahoo.com/yui/examples ... bview.html

You need to do something like;

Code: Select all

<p:tabView>
	<p:tab title="Chart">
              <p:columnChart .... />
        </p:tab>

	<p:tab title="Other content">
        ....
        </p:tab>
</p:tabView>

Online Demo: http://primefaces.s156.eatj.com/prime-s ... abView.jsf

tatiana · 04 Jun 2009, 14:43

The same problem...
Works in FF and outside the <p:tabView>, but shows nothing when it's inside the <p:tabView>.

Code: Select all

<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>
<%@ taglib uri="http://primefaces.prime.com.tr/ui" prefix="p" %>

<f:view>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
	<p:resources/>
</head>

<body>
<h:form>

// it works fine here
<p:columnChart value="#{birthsDisplay.births}"
		var="birth" xfield="#{birth.year}">
         <p:chartSeries label="Boys" value="#{birth.boys}" />
         <p:chartSeries label="Girls" value="#{birth.girls}" />
</p:columnChart>

<p:tabView>
	<p:tab title="Chart">
                        // it doesn't work here, in IE
		<p:columnChart value="#{birthsDisplay.births}" var="birth" xfield="#{birth.year}">
			<p:chartSeries label="Boys" value="#{birth.boys}" />
			<p:chartSeries label="Girls" value="#{birth.girls}" />
		</p:columnChart>
	</p:tab>
</p:tabView>
</h:form>
</body>
</html>
</f:view>

Am I doing something wrong?

04 Jun 2009, 14:55

Does this demo work for you on ie?

http://developer.yahoo.com/yui/examples ... bview.html

tatiana · 04 Jun 2009, 14:58

Yes. No problems with demo

ydarcin · 04 Jun 2009, 15:06

I also tested our demo application as you said, and it works on ie in tabpanel. what ie version are you using?

tatiana · 04 Jun 2009, 15:18

I tried on both IE6 and IE7 - my application doesn't show charts in ie, but your demo is ok.
Is it possible to get the simplest example with charts and p:tabView by email?

04 Jun 2009, 15:39

Have you seen this post: http://primefaces.prime.com.tr/forum/vi ... ?f=3&t=110

tatiana · 04 Jun 2009, 18:24

Thank you very much for help

Problem with t:panelTabbedPane and Chart

Who is online