GWT DialogBox在边界中有较大消息的间隙

Question

使用GWT v2.5.1，我正在创建一个DialogBox，并使用HTML调用dialog.setHTML(...)填充它：

<h3>could not start.</h3>
<hr>
<p>These preferences must all be set before I can start</p>

我没有自定义CSS。屏幕上显示的是：

您会注意到左右边框有很大差距。查看dialogTopLeft和dialogTopRight类的CSS，它们从images / corner.png中提取边框，并且显示的边框长度与该图像的大小完全匹配。换句话说，对话框太大了。

我尝试删除background CSS属性上的“无重复”指令（使用Chrome Inspector）但重复整个边框图像，包括顶部的圆角，因此不会显示为连续。

我不能成为第一个尝试将多行放入DialogBox的人......

让边框“重复”并填补空洞的诀窍是什么？

Answer 1

在将HTML传递到对话框

之前将HTML包装在HTML面板中

DialogBox dialog = new DialogBox();
HTMLPanel panel  = new HTMLPanel("<h3>could not start.</h3><hr><p>These preferences must all be set before I can start</p>");
dialog.add(panel);
dialog.center();

Answer 2

感谢@Moh让我走上了正确的道路。

执行此操作的正确方法是使用setHTML()仅设置对话框标题，然后将主体创建为新面板并将其添加到对话框中。

DialogBox dialog = new DialogBox();
dialog.setHTML("<b>" + title + "</b>");
dialog.add(new HTMLPanel(message));

添加按钮留给读者练习......

Answer 3

GWT Dialoge框已经预先定义了CSS。 您必须使用set Methods重写或必须设置自己的样式名称。 像..

dialogBox.setStyleName("yourcss");

默认的css名称以

开头

.gwt-DialogBox{}