Here's code I'd use to create a simplistic chess board: // the chess board with no spaces Grid cb = new Grid(10, 10); cb.setCellPadding(0); cb.setCellSpacing(0); cb.setBorderWidth(0);
// assembles the board by inserting colored panels for (int i = 1; i < 9; i++) { // panels of the top row SimplePanel pHTop = new SimplePanel(); pHTop.setPixelSize(40, 20); pHTop.getElement().getStyle().setBackgroundColor("red"); // panels of the bottom row SimplePanel pHBottom = new SimplePanel(); pHBottom.setPixelSize(40, 20); pHBottom.getElement().getStyle().setBackgroundColor("red"); // panels of the left column SimplePanel pVLeft = new SimplePanel(); pVLeft.setPixelSize(20, 40); pVLeft.getElement().getStyle().setBackgroundColor("green"); // panels of the right column SimplePanel pVRight = new SimplePanel(); pVRight.setPixelSize(20, 40); pVRight.getElement().getStyle().setBackgroundColor("green"); // insert the border cells cb.setWidget(0, i, pHTop); cb.setWidget(9, i, pHBottom); cb.setWidget(i, 0, pVLeft); cb.setWidget(i, 9, pVRight); for (int j = 1; j < 9; j++) { // the inner chess board panels SimplePanel cP = new SimplePanel(); cP.setPixelSize(40, 40); // switches between black and white if (j % 2 == 0) { cP.getElement().getStyle().setBackgroundColor( i % 2 == 0 ? "black" : "white"); } else { cP.getElement().getStyle().setBackgroundColor( i % 2 == 0 ? "white" : "black"); } cb.setWidget(i, j, cP); } } // there it is RootPanel.get().add(cb, 1, 1); Programmatic styles are of course not as good as using stylesheets, consider this just a demo. On 28 Jun., 11:51, andreas <horst.andrea...@googlemail.com> wrote: > Where exactly are the vertical spaces? From what I see, there are no > spaces between the cells of the top and bottom row and the spaces > between the cells in the left and right column are of the same color > as the image background, so I assume there are actually also no > spaces, correct me on this one? > > For better debug you could also assign a border and background color > to the Grid. If none of these colors will be visible you can be sure > that there are no spaces or anything left. > > For the inner cells I can not say if there are any spaces. > > Also I assume your style "pnl-r" adds the red border to the Grid? If > there were any spaces left caused by the border width you would see a > red Grid. > > I think you got what you wanted... > > BTW: I think you do not need to set the cell dimensions manually; Grid > will automatically adjust cell dimensions so that the cell widgets > fit, in other words a columns width for example will be adjusted so > that the cell widget with the biggest width is completely visible; > same goes for rows and heights and so on > > BTW2: the two for-blocks in init() can be realized in one single for- > block since they iterate over exactly the same interval (0-9) > > On 28 Jun., 11:27, Magnus <alpineblas...@googlemail.com> wrote: > > > > > Here is the screenshot: > > >http://yfrog.com/j7chessboardj > > > Magnus -- You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group. To post to this group, send email to google-web-tool...@googlegroups.com. To unsubscribe from this group, send email to google-web-toolkit+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.