SWFObject and SmartGWT TabSet Issue

[boley]

I'm currently working on an app which requires that a Flex SWF be placed within a SmartGWT TabSet. The issue that I'm experiencing is that regardless of which tab is selected, the SWF is always visible. The other content on the Tabs are hidden and revealed as expected, its only the SWF experiencing the problem.

The setting of the SWF's wmode has no effect on the behavior when set to either opaque or transparent. I'm embedding the SWF using the SWFObject GWT wrapper and the behavior is the same in all web browsers.

Is this a Flash issue or is it SmartGWT? I've seen another thread mentioning a similar issue here however no solutions were suggested and it was rather old. Does anyone have any ideas?

Thanks! I appreciate it.

[boley]

Has anyone else experienced this issue or is anyone else able to reproduce the problem?

Aside from the one other post mentioned, I haven't been able to find anyone else mentioning this problem with SmartGWT or anything similar in other frameworks/libraries. People tend to mention not being able to display DHTML menus over SWFs but that is a separate problem and is as simple as setting the SWF's "wmode" flashvar to opaque. The problem I'm experiencing seems to be a different issue as that has no effect

[Isomorphic]

wmode=opaque is usually the problem. Make very sure that it's correctly specified (it's a <param> not an attribute). If you can't fix it, please post what browser this is on and perhaps a code sample.

[boley]

Right, I understand that usually the problem is wmode=opaque, I'm very sure that I've set it properly as the SWF is in a resizable VLayout which cannot be resized without the wmode=opaque due to the resizing bar going behind the SWF if it is not set.

The problem I'm experiencing is present in all major browsers (Internet Explorer 7, Firefox 3, Google Chrome, and Safari).

It occurs in code as simple as:

public void onModuleLoad() {
		
                TabSet tabset = new TabSet();
		tabset.setTabBarPosition(Side.TOP);
		tabset.setWidth100();
		tabset.setHeight100();
		
		Tab tab1 = new Tab("Tab1");
		Tab tab2 = new Tab("Tab2");
		
		VLayout vLay = new VLayout();
		
		Label lab1 = new Label("Test Label");
		
		final SWFWidget swfWidget = new SWFWidget("DataGridTests.swf");
		swfWidget.setSize("100%", "100%");
		swfWidget.addParam("wmode", "opaque");
		
		vLay.addMember(lab1);
		vLay.addMember(swfWidget);
		
		tab1.setPane(vLay);
		
		tabset.addTab(tab1);
		tabset.addTab(tab2);
		
		tabset.draw();
}

*EDIT* To be clear, I am using the GWT SWFObject wrapper (http://code.google.com/p/gwt2swf/) as I'm not sure of the proper way of embedding the SWF with SmartGWT otherwise and this wrapper is very convenient. If this turns out to be a bug of that wrapper and embedding the SWF in another proper way solves the problem I'd be fine with that. Any suggestions would be greatly appreciated.

[Isomorphic]

Try any other SWF just to be sure.

One way to do this with SmartGWT only is to take the HTML for an <OBJECT> tag and use it to call HTMLFlow.setContents().

[boley]

The problem was still present when I tested it with a separate SWF.

However, when I used a standard <object> tag with HTMLFlow to embed rather than using the SWFObject wrapper the application performed as expected. This seems to be a bug with that wrapper.

Thanks for the help!

[gev]

Is a progress with problem?

Boley: can you post your, code for <object> and HTMLFlow?
Do you use swf2gwt for?

[gev]

Problem solved!

Boley: I'd solved this problem, without HTMLFlow!
look http://forums.smartclient.com/showth...9088#post19088

[felixx]

The posted solution (by GEV ) doesn't seem to work in IE 7.
The 'visibility' is set to 'inherit' for the wrapping DIVs (see below what firebug shows) but still the SWF is visible on all the tabs. The SWF widget is added via addChild() to a HTMLPane.
Has anyone found a workaround/solution. please? Thanks.

<div id="isc_46" class="normal" onscroll="return isc_OID_73.$lh()" style="overflow: hidden; position: absolute; left: 0px; top: 0px; width: 300px; height: 400px; z-index: 200972; -moz-box-sizing: border-box; outline-offset: -1px;" eventproxy="isc_OID_73">
<div id="isc_47" style="position: relative; visibility: inherit; z-index: 200972;" eventproxy="isc_OID_73">
<div id="isc_48" class="normal" onscroll="return isc_OID_74.$lh()" style="overflow: hidden; position: absolute; left: 0px; top: 0px; width: 300px; height: 400px; z-index: 200990; -moz-box-sizing: border-box; outline-offset: -1px; cursor: default;" eventproxy="isc_OID_74">
<div id="isc_49" style="position: relative; visibility: inherit; z-index: 200990; cursor: default;" eventproxy="isc_OID_74">
<div id="isc_OID_74_widget" style="width: 100%; height: 100%;">
<div id="swfDivID_1" style="visibility: inherit;">
<object id="swfID_1" height="100%" width="100%" type="application/x-shockwave-flash" data="assets/123456789/mmrecplayer.swf" style="visibility: inherit;">
<param name="wmode" value="opaque"/>
</object>
</div>

[pablo.m.gore]

SWFObject and SmartGWT TabSet Issue

Boley: I'd solved this problem, without HTMLFlow!
look http://forums.smartclient.com/showth...9088#post19088

Wich were your gwt2swf version that you've used??
I have been using gwt2swf 0.6.0 and and doesn't work with that solution.

[mimu]

have you resolve it ?

boley,have you resolve it ?