Behaviour is consistent between FF and Safari. I am on a Mac, so I
can't tell for IE.

If I change the nested DockLayoutPanel to something different, let's
say HTMLPanel, it works. Looks ugly but it works.

Bug?
Bad usage?

Help?????

brgds,

Papick

On 7 Dez., 17:48, "P.G.Taboada" <[email protected]> wrote:
> Hi,
>
> I am using UIBinder with the new *Layout panels and running into some
> strange problems when nesting panels.
>
> My main *ui.xml user interface does something like that:
>
> <ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'
>         xmlns:g='urn:import:com.google.gwt.user.client.ui'>
>         <ui:style>
>                 .full {
>                         width: 100%;
>                         height: 100%;
>                 }
>         </ui:style>
>         <g:SplitLayoutPanel  >
>                 <g:west size="200" >
>                         <g:ScrollPanel styleName="{style.full}">
>                                 <g:Tree ui:field="tree" />
>                         </g:ScrollPanel>
>                 </g:west>
>                 <g:center>
>                         <g:ScrollPanel ui:field="content" 
> styleName="{style.full}" />
>                 </g:center>
>         </g:SplitLayoutPanel>
> </ui:UiBinder>
>
> In my presenter I add a node to the tree. On a selection event I
> switch the widget in the content scroll panel. One of the items is a
> search panel, defined as:
>
> <ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'
>         xmlns:g='urn:import:com.google.gwt.user.client.ui'>
>
>         <ui:style>
>                 .full {
>                         width: 100%;
>                         height: 100%;
>                         background-color: black;
>                 }
>         </ui:style>
>
>         <g:DockLayoutPanel unit="EM">
>                 <g:north size="10">
>                         <g:HTMLPanel>
>                                 <table>
>                                         <tr>
>                                                 <td>Query: </td>
>                                                 <td>
>                                                         <span 
> ui:field="querySpan" />
>                                                 </td>
>                                         </tr>
>                                         <tr>
>                                                 <td>Found: </td>
>                                                 <td>
>                                                         <span 
> ui:field="foundSpan"> 0 </span>
>                                                         items
>                                                 </td>
>                                         </tr>
>                                 </table>
>
>                         </g:HTMLPanel>
>                 </g:north>
>                 <g:south size="10">
>                         <g:SimplePanel ui:field="detailsArea"  
> styleName="{style.full}" />
>                 </g:south>
>                 <g:center>
>                         <g:ScrollPanel styleName="{style.full}">
>                                 <g:FlexTable ui:field="resultContent" 
> width="100%" />
>                         </g:ScrollPanel>
>                 </g:center>
>         </g:DockLayoutPanel>
>
> </ui:UiBinder>
>
> The neither the south nor the center of the search panel is not
> showing, the north is. If I go inspect the document I see that one or
> two divs have an height of 0px, explaining why the display is
> screwed.
>
> What am I missing? What is the best way to wrap a layout panel?
> Simplepanel does not seem to do the required magic.
>
> brgds,
>
> P. G. Taboada

--

You received this message because you are subscribed to the Google Groups 
"Google Web Toolkit" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to 
[email protected].
For more options, visit this group at 
http://groups.google.com/group/google-web-toolkit?hl=en.


Reply via email to