maybe this is super trivial but i'm having trouble getting a
docklayoutpanel in a dialogbox to render correctly in ie8 (the center
region occupies the entire contents of the dialogbox).  everything
renders correctly in firefox 3.5 however.  the north and south regions
are being clipped in ie8.

my html host page does have <!doctype html>

public class TestDialog extends DialogBox {
        interface Binder extends UiBinder<Widget, TestDialog> {};

        private static final Binder binder = GWT.create(Binder.class);

        public TestDialog() {
                setWidget(binder.createAndBindUi(this));
                setModal(true);
                setAnimationEnabled(true);
                setText("DialogBox with DockLayoutPanel");
        }
}

<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'
        xmlns:g='urn:import:com.google.gwt.user.client.ui'>

        <ui:style>
        .panel {
                padding: 1em;
        }

        .center {
                border: 1px solid red;
        }

        .buttons {
                text-align: right;
                border: 1px solid blue;
        }
        </ui:style>

        <g:DockLayoutPanel unit='EM' styleName='{style.panel}' width="700px"
height="400px">
                <g:north size="2">
                        <g:HTML>north</g:HTML>
                </g:north>
                <g:center>
                        <g:HTMLPanel styleName="{style.center}">
                                Lorem ipsum dolor sit amet, consectetur 
adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
culpa qui officia deserunt mollit anim id est laborum.
                        </g:HTMLPanel>
                </g:center>
                <g:south size="2">
                        <g:HTMLPanel styleName="{style.buttons}">
                                close button
                        </g:HTMLPanel>
                </g:south>
        </g:DockLayoutPanel>

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


Reply via email to