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