In the example below, the LayoutPanel appears to only cover the left part of the screen (a side menu area), but in fact a div is produced the covers the whole screen, and unless you fiddle with z-index, input areas in other parts of the screen are inaccessible.
Why must this be the case? It is problematic if the host page lays out a lot of the base screen content, and a LayoutPanel is just supposed to fit into a designated part of the screen. <ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder' xmlns:g='urn:import:com.google.gwt.user.client.ui'> <ui:style> .panel { background-color: transparent; } </ui:style> <g:LayoutPanel> <g:layer left="10px" width="222px" top="66px" bottom="0px"> <g:StackLayoutPanel unit="EM" addStyleNames="{style.panel}"> <g:stack> <g:header size="2">...</g:header> <g:HTML addStyleNames="{style.panel}"> ... </g:HTML> </g:stack> <g:stack> <g:customHeader size="2"> <g:Label>...</g:Label> </g:customHeader> <g:HTML addStyleNames="{style.panel}"> ... </g:HTML> </g:stack> </g:StackLayoutPanel> </g:layer> </g:LayoutPanel> </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.