showcase shadows and Window problem

[slick07]

Hello,

SmartGwt Version: 3.1 LGPL

I've noticed a problem in the showcase with IE 10 regarding the shadows. The link that shows the problem is: http://www.smartclient.com/smartgwt/showcase/#effects_lf_shadows . I think you can resolve this by replacing the old doctype with the HTML5 doctype. This did the job in my application.

Another problem is that a Window looks ok on IE10 but on firefox 20.0.1 doesn't get displayed correctly.

 
public class WelcomeFrame extends Window {

	private static WelcomeFrame instance;

	private VLayout contentLayout;

	private WelcomeFrame() {

		contentLayout = new VLayout();
		contentLayout.setWidth100();
		contentLayout.setHeight100();
		contentLayout.setDefaultLayoutAlign(Alignment.CENTER);

		this.setWidth100();
		this.setHeight(280);
		this.setTop("30%");
		this.setStyleName("welcomeDialog");
		this.setShowEdges(false);
		this.setIsModal(true);
		this.setModalMaskOpacity(30);
		this.setShowModalMask(true);
		this.setShowHeader(false);
		this.setShowFooter(false);
		this.setCanDragReposition(false);
		this.addItem(contentLayout);
	}

	public static WelcomeFrame getInstance() {
		if (instance == null) {
			instance = new WelcomeFrame();
		}
		return instance;
	}

	public void setContent(Layout layout) {
		contentLayout.removeMembers(contentLayout.getMembers());
		contentLayout.addMember(layout);
	}

}

and the css class used

.welcomeDialog {
	background-color: #1d9ab3;
	border: 1px solid #c0c0c0;
}

For a better understanding there are attached two screenshoots showing the problem.