Tuesday, January 15, 2008

gwt window demo

I have made the demo of gwt window (as shown in the figure below):












You can go to the link below to view the demo:

http://www.euzertech.com/gwt/gwtwindow.html


The source files of this demo project can be downloaded from this link:

http://www.euzertech.com/gwt/gwtwindow.zip

Please note that the background and border color of the window dialogbox generated by my Window class is transparent. So, you can use external CSS to color the window. In this demo, the source code of my CSS is as below:

.gwt-Window {
background-color: #0055ff;
border-color: #0000ff;
border-style: solid;
border-width: 2px;
}

.gwt-Window .HeadPanel {
background-color: #00eeff;
}

.gwt-Window .HeadPanel .Caption {
font-weight: bold;
}


Please note that in order to use the "Window.java", 6 images files (close.png, close_white.png, minimize.png, minimize_white.png, maximize.png, maximize_white.png) must be included in the same folder. You can see the files structure of the demo from the figure below:

No comments: