It's because Vertical panel can only append Widgets. Your Hello, should be
nested inside a: <g:HTML> or <g:Label>
Don't forget that the same html rules are as plain old HTML are effective
inside UiBinder (That's why it's such a nice tool).
So you could achieve the same thing only by knowing if your widgets are
Inline or not.
so:
> <g:HTMLPanel>
<g:VerticalPanel>
Hello, <g:ListBox ui:field='listBox' visibleItemCount='1'/>.
</g:VerticalPanel>
</g:HTMLPanel>
could become:
<g:HTMLPanel>
Hello, <br/>
<g:ListBox ui:field='listBox' visibleItemCount='1'/>.
</g:HTMLPanel>
Try to use as much normal HTML and CSS as you can !
Cheers,
On Sat, Aug 7, 2010 at 3:20 AM, BenJD <[email protected]> wrote:
> Hi all,
>
> I have recently jumped on the GWT bandwagon and have to say I am a big
> fan. It makes developing javascript applications fun again.
>
> I have produced many Flex based projects in the past and have come
> accustomed to using MXML markup to declare user interface elements. I
> can see that GWT's UIBinder functionality is to GWT what MXML is to
> Flex so am very keen on getting my head around how it works.
>
> I am currently working my way through the UIBinder tutorial (http://
> code.google.com/webtoolkit/doc/latest/
> DevGuideUiBinder.html#Hello_Widget_World) and have a query regarding
> using Widgets and nested Panels.
>
> I have implemented the 'Hello Widget World' section of the tutorial
> and it works perfectly. However if I modify the
> 'HelloWidgetWorld.ui.xml' to include a nested vertical panel I find
> that the app no longer displays any content. Can anyone see why this
> may be the case? Details below:
>
> Step To Reproduce
>
> Replace HelloWidgetWorld.ui.xml with the following XML
>
> <ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'
> xmlns:g='urn:import:com.google.gwt.user.client.ui'>
>
> <g:HTMLPanel>
> <g:VerticalPanel>
> Hello, <g:ListBox ui:field='listBox' visibleItemCount='1'/>.
> </g:VerticalPanel>
> </g:HTMLPanel>
>
> </ui:UiBinder>
>
> Results
>
> After compilation our host page displays a blank screen.
>
> Desired Results
>
> The above code takes the example in the 'Hello Widget World' tutorial
> and wraps the components in a nested vertical panel. Ideally both the
> HTML Text node and Listbox should now display vertically instead of
> horizontally (the default behaviour).
>
> regards
> Ben
>
> --
> 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]<google-web-toolkit%[email protected]>
> .
> For more options, visit this group at
> http://groups.google.com/group/google-web-toolkit?hl=en.
>
>
--
Christian Goudreau
www.arcbees.com
--
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.
