我可以在GWT的DialogBox中使用DockLayoutPanel吗

我正在制作一个包含三部分的对话框：

TextBox

、

DataGrid

和

按钮

。我用的是这样的

DockLayoutPanel

<ui:style>
    .panel {
        width: 600px;
        height: 500px;
    }
</ui:style>

<g:HTMLPanel addStyleNames='{style.panel}'>
    <g:DockLayoutPanel unit="PX">
       <g:north size="45">
          <g:TextBox>...
       </g:north>
       <g:south size="45">
          <g:Button>...
       </g:south>
       <g:center>
          <g:DataGrid>...
       </g:center>
    </g:DockLayoutPanel>
</g:HTMLPanel>

.小组{
宽度：600px；
高度：500px；
}
...
...
...

这是我的班级

public class MyDialogBoxViewImpl extends DialogBox {
 interface MyDialogBoxViewImplUiBinder extends
    UiBinder<Widget, MyDialogBoxViewImpl> {
    }
...

公共类MyDialogBoxViewImpl扩展DialogBox{
接口MyDialogBoxViewImplUiBinder扩展
UiBinder{
}
...

但问题是只有

TextBox

可见。

---

我不确定在

对话框中使用
DockLayoutPanel
是否正确，但它非常适合我的应用程序。因此，您能否帮助我解决我的问题，并在需要时给我一些如何更换
DockLayoutPanel
的建议。谢谢。
尝试明确设置DockLayoutPanel的大小。
例如：

<g:DockLayoutPanel unit="PX" width="100%" height="100%">


您的大小值为“100%”，但单位为“PX”。尝试将宽度和高度百分比的单位更改为“PCT”
您是否尝试明确设置DockLayoutPanel的大小？例如：@philfr49，您是对的。您能否发布您的评论作为接受它的答案？