Sign in to follow this  
srividya_sharma

Problem rerender FusionCharts in a rich:panel using IE

Recommended Posts

Hi, I'm using FusionCharts with JSF and when i need rerender in rich:panel sometimes the Column3D.jsf works, but sometimes it doesn't work. And this problem ocurred just in Internet Explorer.

<a4j:outputPanel id="abasPanel">
 <a4j:commandLink action="#{controller.actionEnableAndSearchNature}" id="abaNature">
 <a4j:support
 action="#{controller.actionEnabledModal}"
 event="onclick" reRender="mensagem" />
 <a4j:support
 action="#{controller.actionDisabledModal}"
 event="oncomplete" reRender="mensagem,abasPanel" />
 </a4j:commandLink>
 <a4j:commandLink action="#{controller.actionEnableAndSearchFunction}" id="abaFunction">
 <a4j:support
 action="#{controller.actionEnabledModal}"
 event="onclick" reRender="mensagem" />
 <a4j:support
 action="#{controller.actionDisabledModal}"
 event="oncomplete" reRender="mensagem,abasPanel" />
 </a4j:commandLink>
<rich:panel id="naturePanel"
 rendered="#{controller.natureEnabled}">
 <rich:spacer height="20" />
 <div align="center">
 <fc:renderHTML chartId="graficNature"
 filename="../fusionCharts/Column3D.swf"
 width="100%" height="300" xml="#{portalDoCidadaoDespesa.dataNature}" /> 	 
 </div> 
</rich:panel>
<rich:panel id="functionPanel"
 rendered="#{controller.functionEnabled}">
 <rich:spacer height="20" />
 <div align="center">
 <fc:renderHTML chartId="graficFunction"
 filename="../fusionCharts/Column3D.swf"
 width="100%" height="300" xml="#{controller.dataFunction}">
 </fc:renderHTML> 
 </div>
</rich:panel>
</a4j:outputPanel>

 

What am I doing wrong?

Edited by Guest

Share this post


Link to post
Share on other sites

Hi, I'm using this structure

<a4j:outputPanel id="test">
    <a4j:commandLink>
		    <a4j:support event="oncomplete" reRender="test"/>
    </a4j:commandLink>
		 <rich:panel>
			 <fc:renderHTML>
		     </fc:renderHTML> 
	  </rich:panel>
</a4j:outputPanel>

This a4j:commandLink, in his action, make my

<richPanel> enable or disable, and the <a4j:support> in his event="complete" make a

rerender in my <a4j:outputPanel> and consequently in my chart. Sometimes the chart works

perfectly, but sometimes the chart doesn't work in IE.

In Mozilla, the chart always works.

Thanks for Help.

Share this post


Link to post
Share on other sites

Hi

Do you mean to say that the chart does not refresh itself when rerender happens? ( in IE sometimes )

or does the chart not show up at all?

Can you share some screenshot showing the problem?

Thanks

Srividya

Edited by Guest

Share this post


Link to post
Share on other sites

Hi

From the attached screen-shot, it looks like the problem is with width and height of the chart, when re-rendered.

Can you please send a stripped-down version of your code - say, a jsf page and a class which handles the re-rendering? ( as an attachment )

This would help me to directly deploy the application and try it out. This would save time for you.

Thanks

Srividya :)

Share this post


Link to post
Share on other sites

Hi

Thanks for the sample application.

Using the sample application, when I click on Test1 I get the chart with Test1 caption and I get chart with Test2 caption for the Test2 link. I am unable to replicate the problem in IE7. 

I noticed that the width you are using is width="100%" . Please change it to a absolute width and test once.

Could you please try this and tell me if it works?

Srividya :)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this