Hello Smart folk,
I have a problem with transparency of Window on IE, I read the following posts:
http://forums.smartclient.com/showthread.php?t=16084
http://stackoverflow.com/questions/4186082/smartgwt-make-window-background-transparent-no-color
but no one of them works for me, also I tried to make a sample application separated from my application the issue still appear in IE but on FF and Chrome works fine
I set Background Image and edge_Center Image which is transparent image and it work on firefox and Chrome but IE not give transparency for the background it seems it take white color.
also I tried to set background color to transparent but it still the same issue on IE.
Here is the sample application that I did:
Entry point class
CSS File
Note: please see the picture in the attachment that demonstrate the difference between running application on IE and running application on FF.
I have a problem with transparency of Window on IE, I read the following posts:
http://forums.smartclient.com/showthread.php?t=16084
http://stackoverflow.com/questions/4186082/smartgwt-make-window-background-transparent-no-color
but no one of them works for me, also I tried to make a sample application separated from my application the issue still appear in IE but on FF and Chrome works fine
I set Background Image and edge_Center Image which is transparent image and it work on firefox and Chrome but IE not give transparency for the background it seems it take white color.
also I tried to set background color to transparent but it still the same issue on IE.
Here is the sample application that I did:
Entry point class
Code:
public void onModuleLoad() { Layout hh=new Layout(); hh.setSize("100%", "100%"); hh.setBackgroundColor("#00FF00"); Button testButton = new Button("Test"); testButton.setLeft(100); testButton.setTop(100); testButton.setWidth(50); testButton.setHeight(50); Window window=new Window(); window.setSize("150", "150"); window.setBackgroundColor("transparent"); window.setEdgeImage("/HoverEdge/edge.png"); window.setEdgeShowCenter(true); window.setEdgeCenterBackgroundColor("transparent"); window.setBodyStyle("m-windowBody"); window.setHeaderStyle("m-windowHeader"); window.setStyleName("transperante-Window"); window.setShowHeader(false); hh.addChild(testButton); window.show(); hh.draw(); }
Code:
.m-windowHeader, .m-dialogHeader { background-color:transparent; } .transperante-Window{ background: transparent; } .m-windowBody, .m-dialogBody { background-color:transparent; background: transparent; }
Comment