-
1. Re: Simple example of GWT integration
csa Feb 10, 2012 6:28 PM (in response to michel.strogoff)Hi Eric,
Errai has no influence on your GUI layout. It seems you will have to add your DockLayoutPanel to the RootLayoutPanel (not the RootPanel): http://google-web-toolkit.googlecode.com/svn/javadoc/2.0/com/google/gwt/user/client/ui/DockLayoutPanel.html
RootLayoutPanel.get().add(p);
Christian
-
2. Re: Simple example of GWT integration
patrickmadden Feb 20, 2012 4:07 PM (in response to michel.strogoff)When using the layout panels in GWT you must use standards mode. Make sure you have defined a doctype in your HTML page. That might be what is causing your issue.
Regards,
Patrick
-
3. Re: Simple example of GWT integration
chem_euegene Jul 24, 2012 6:35 AM (in response to michel.strogoff)I have the same problem.
-
4. Re: Simple example of GWT integration
lionelg Jul 24, 2012 2:32 PM (in response to chem_euegene)Check your HTML page. It must start with :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
-
5. Re: Simple example of GWT integration
chem_euegene Jul 24, 2012 2:40 PM (in response to lionelg)My page starts with <!doctype html>
Problem was in the height of widget. I solved problem by adding style for html and body height to 100%
I don't know that I should use like that tricks in GWT design. Is my solution correct?
-
6. Re: Simple example of GWT integration
lionelg Jul 24, 2012 2:51 PM (in response to chem_euegene)Sorry for the mitake;
I've check my code : <!doctype html> doesn't work;
But <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> make my DockLayoutPanel fill all the screen.
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
xmlns:g="urn:import:com.google.gwt.user.client.ui">
<ui:style>
.dotted {
width: 100%;
height: 100%;
border: 3px dotted #ff1493;
margin: 0px;
padding: 0px;
}
</ui:style>
<g:DockLayoutPanel unit="PX" width="99%" height="99%" styleName="{style.dotted}">
<g:north size="150">
<g:VerticalPanel>
<g:HorizontalPanel ui:field="menu"/>
<g:VerticalPanel ui:field="search"/>
</g:VerticalPanel>
</g:north>
<g:center>
<g:VerticalPanel ui:field="center"/>
</g:center>
</g:DockLayoutPanel>
</ui:UiBinder>