[Vamsi]

Hi All,

I have a problem like my JavaScript menu is hiding behind the FusionCharts object. Pls help its very urgent.

Thanks in advance.

Vamsi

[Pallav]

FusionCharts is a set of Flash movies, and as kind of plugins, are rendered in a special way by the browsers (a method known as "windowed"), making them the topmost objects in a page. At this moment there's no way to display any kind of HTML element (tables, images, paragraphs, etc..) above plugins.  

Macromedia has a solution for Internet Explorer for Windows and all Mozilla-based browsers:

To allow DHTML objects appear over a Flash movie just add this parameter:

WMode=Transparent
to the Flash <object> tag.

It should look like this: 
<param name="WMode" value="Transparent">

In order to support Mozilla-based browsers and other browsers, such as Safari, you should also include the wmode parameter in the <embed> tag, like this: 
<embed wmode="transparent" .......></embed>

If you're using FusionCharts.js (JavaScript class), you can use the attached JS file.

Attached File(s)

•  FusionChartsWMode.zip (2.33K)
  Number of downloads: 384

[taragdes]

I am having the same issue, however I am using ASP.NET/C# and rendering the chart's Flash tags with the FusionCharts.RenderChart method. How do I compensate for this problem in this case and set the WMODE for the chart? Thank you!!

[Pallav]

Replace the existing FusionCharts.js file with the new one (link above). That alone should take care of it.

You would NOT need to change anything in your .NET code.

[taragdes]

Quote

Pallav (5/2/2007)

---

Replace the existing FusionCharts.js file with the new one (link above). That alone should take care of it.



You would NOT need to change anything in your .NET code.

Thank you for your reply.

[tonyHarris]

Hi,

  I'm using the CalendarExtender from the AjaxControlToolKit and it appears behind the flash chart.  I replaced the FusionCharts.js with the one recommended to fix this problem but it still persists.  Any other suggestions or tips?

[Sudipto Choudhury]

Hi,

It might be that when the final HTML is renderded to the user agent (Browser) the chart's HTML is renderdered after the HTML of the Menu. Could you please check if there is some option in the Ajax Toolkit's property to set its style property or it's style's z-index property? If you get option to set style please set : z-index:9999 or set the z-index to 9999?

[tonyHarris]

I changed the z-index of the calendar extender using this css class:

<style type="text/css">

.calStyle

{

z-index: 9999;

}

</style>

And the calendar extender background turned transparent and was still behind the flash chart.

[tonyHarris]

I also checked the .js param list that is written to the HTML page once the chart is rendered and these are the only params that are set:

<param name="allowScriptAccess" value="always" />
<param name="movie" value="../FusionCharts/FCF_Column3D.swf?ChartNoDataText=There is no data in the date range chosen, please choose another date range."/>
<param name="FlashVars" value="&chartWidth=600&chartHeight=300&debugMode=0&dataXML=<graph></graph>" />
<param name="quality" value="high" />

Should the <param name="wmode" value="transparent" /> tags be in there?  I have them in the FusionCharts.js file I'm using.

EDIT* I noticed that the .js file works when I use the FusionCharts.RenderChart() rather than the FusionCharts.RenderChartHTML().  But I have to use the FusionCharts.RenderChartHTML() function because I'm using an UpdatePanel.

EDIT* Problem fixed, I updated the .dll to the newest version and used the RenderChartHTML() function with the additional parameter for transparency.  Works like a charm now.

[nnxcoder]

I am using a modal window which pops up over charts. But the modal window disappears behind the charts. Any clue what needs to be done?



Thanks,



--Narasimha

[Sudipto Choudhury]

Hi,

Please try setting the chart's wmode to transparent and also check the z-index of the modal window.

[juss3pp3]

where I can find the last dll?

[Sudipto Choudhury]

Hi,

Could you please download the latest pack from www.fusioncharts.com/download.asp ? This pack contains the DLL in Code folder?

[LIdya]

wew.. This is brilliant! Thanks a lot

[Basundhara Ghosal]

Hi,

Glad that your issue is resolved.

Keep smiling and keep FusionCharting.

[sunilkrverma]

Pallav, on 20 March 2007 - 01:26 AM, said:

FusionCharts is a set of Flash movies, and as kind of plugins, are rendered in a special way by the browsers (a method known as "windowed"), making them the topmost objects in a page. At this moment there's no way to display any kind of HTML element (tables, images, paragraphs, etc..) above plugins.


Macromedia has a solution for Internet Explorer for Windows and all Mozilla-based browsers:


To allow DHTML objects appear over a Flash movie just add this parameter:





WMode=Transparent
to the Flash <object> tag.

It should look like this:
<param name="WMode" value="Transparent">

In order to support Mozilla-based browsers and other browsers, such as Safari, you should also include the wmode parameter in the <embed> tag, like this:
<embed wmode="transparent" .......></embed>

If you're using FusionCharts.js (JavaScript class), you can use the attached JS file.

Hi

Is using the attached JS file still the only solution to work around this while using FusionCharts.js?

Thanks
Sunil