Hello,
I am new to gwt and I hope you can help me. I want to center a
VerticalPanel on the page.
<g:VerticalPanel ui:field="vertialPanel"> <!-- this panel should be in
the middle of the page -->
<g:Label >Login Settings</g:Label>
<g:Label>title</g:Label>
<g:Label>placeholder</g:Label>
<g:TextArea>text1</g:TextArea>
<g:TextArea>text2</g:TextArea>
<g:Label>stats</g:Label>
</g:VerticalPanel>
I tried several things like:
<ui:style>
.centerStyle {
width: 800px;
margin: 0 auto 0 auto;
}
</ui:style>
<g:VerticalPanel ui:field="vertialPanel" class='{style.centerStyle}'>
or
@UiField
VerticalPanel vertialPanel;
public void onModuleLoad() {
vertialPanel.setHorizontalAlignment(HasHorizontalAlignment.ALIGN_CENTER);
vertialPanel.setWidth("100%");
RootLayoutPanel.get().add(uiBinder.createAndBindUi(this));
}
My solutions all ended up with a page showing nothing...
Can you perhaps give me a hint where to read more about this hole Ui
Binder stuff? I think the google page is not very detailed...
Thank you very much.
Mark
--
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.
