May I use DockLayoutPanel in DialogBox in GWT

Question

I' m tying to make a dialog box that contains 3 parts: TextBox, DataGrid and Button. And I'm using DockLayoutPanel like that

<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>

Here is my class

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

But the problem is that only TextBox is visible. I'm not sure that it is properly to use DockLayoutPanel in DialogBox, but it is so suitable for my application. So can you help me with my issue and give me some advices how to replace DockLayoutPanel if it will need. Thanks.

Did you try setting explicitly the size of DockLayoutPanel ? Like: — Philippe Gonday, Apr 02 '15 at 09:58
@philfr49, you are right. Can you post your comment as answer to accept it? — olgacosta, Apr 02 '15 at 13:20

score 1 · Accepted Answer · answered Apr 02 '15 at 13:27

1

Try setting explicitly the size of DockLayoutPanel. For example:

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

answered Apr 02 '15 at 13:27

Philippe Gonday

1,747
5
21
32

score 1 · Answer 2 · answered Apr 03 '15 at 04:57

1

Your size values are "100%", but your unit is "PX". Try changing your unit to "PCT" for percentage width and height

answered Apr 03 '15 at 04:57

Lev

317
2
9

May I use DockLayoutPanel in DialogBox in GWT

2 Answers2