I want to show round corners in my application using DecoratorPanel. But DecoratorPanel doesn't work well with DockLayoutPanel. I made some changes in CSS to use DecoratorPanel with DockLayoutPanel. It works fine in firefox and chrome but have problem in IE8. It cuts the bottom border in IE8. I think the part it cut in bottom is the total height of top and bottom border. Any suggestionto resolve issue on IE i welcome. My Code is:
package com.google.gwt.sample.mail.client; import com.google.gwt.core.client.GWT; import com.google.gwt.uibinder.client.UiBinder; import com.google.gwt.uibinder.client.UiField; import com.google.gwt.user.client.ui.Composite; import com.google.gwt.user.client.ui.DecoratorPanel; import com.google.gwt.user.client.ui.DockLayoutPanel; import com.google.gwt.user.client.ui.HTML; import com.google.gwt.user.client.ui.Widget; public class Layout_Decorator extends Composite { interface Binder extends UiBinder<DockLayoutPanel, Layout_Decorator> { } private static final Binder binder = GWT.create(Binder.class); @UiField HTML grid; @UiField DecoratorPanel round; public Layout_Decorator() { Widget widget = binder.createAndBindUi(this); initWidget(widget); int r = 100; int c = 100; StringBuilder stringBuilder = new StringBuilder(); for (int i = 0; i < r; i++) { for (int j = 0; j < c; j++) { stringBuilder.append(i + "," + j); } stringBuilder.append("<BR>"); } grid.setHTML(stringBuilder.toString()); } } Corresponding xml file is : <ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder' xmlns:g='urn:import:com.google.gwt.user.client.ui'> <ui:style> @external middleCenter, middle, middleCenterInner; tr.middle { height: 100%; vertical-align: top; } td.middleCenter { width: 100%; height: 100%; } .middleCenterInner{ height: 100%; width: 100%; } </ui:style> <g:DockLayoutPanel> <g:center> <g:DecoratorPanel ui:field="round" width="100%" height="100%"> <g:DockLayoutPanel unit='EM' height="100%"> <g:center> <g:ScrollPanel> <g:HTML ui:field="grid"></g:HTML> </g:ScrollPanel> </g:center> </g:DockLayoutPanel> <!-- --> </g:DecoratorPanel> </g:center> </g:DockLayoutPanel> </ui:UiBinder> -- 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.