Re: Problem with VerticalPanel row height via UiBinder

2010-05-17 Thread Dawid Buchwald
Thanks for your reply!

I admit, I haven't used the Firebug yet - I will give it a try tonight and
see what happens. Problem is that I already used the built-in Chrome HTML
debugger - but I could not tell where this height (16px) would come from. It
seemed like it is somehow generated by GWT, ignoring explicit declaration in
my code.

As for falling back to HTML - the whole point of GWT (and similar utilities)
is to avoid HTML as much as possible to ensure portability and
predictability of resulting webpages. That's why I'm not convinced to this
approach... Obviously, I understand that this is just a small part I would
have to write in HTML and most likely this would work fine - but my concern
is: if I need workaround for something that simple - how often will I have
to do it for more complex issues?

What I can do (and probably this is what is going to happen for me) is to
fall back to not using UIBinder yet and wait for another stable release of
GWT.

Anyway, I will continue my investigation and if I find any solution, I will
post it. In the meantime I will really appreciate any feedback - I'm still
learning this technology and most likely it's caused by my mistake...

Best regards,
Dawid Buchwald

On Mon, May 17, 2010 at 5:40 AM, Tom Davies tgdav...@gmail.com wrote:

 I don't know what's causing your issue -- something like FireBug
 should let you see what the size of your element is, and which styles
 the sizes are coming from.

 There's nothing wrong with using mostly HTML in UiBinder templates --
 unless unless your widget actually needs a reference to a child
 element, I just use HTML.

 --
 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.comgoogle-web-toolkit%2bunsubscr...@googlegroups.com
 .
 For more options, visit this group at
 http://groups.google.com/group/google-web-toolkit?hl=en.



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



Problem with VerticalPanel row height via UiBinder

2010-05-16 Thread Dawid Buchwald
I'm trying to figure out the new UiBinder functionality - and I'm a
bit disappointed. The problem I have is very simple: in my application
I'm starting with DockLayoutPanel, in the north section I want to
add VerticalPanel with two elements - first one is the HorizontalPanel
with user email address / logout-login link (as the standard google
pages have) and second - separator image 1px tall. Initially I was
doing it using the following HTML:

table class=fullWidth cellpadding=0
  td/td align=right id=userPanel class=userPanel/td
  /tr
  tr
td/tdimg align=right class=gradientSplit src=/media/
images/gradientSplit.png//td
  /tr
  tr
td class=appImageimg src=/media/images/whatever.png
alt=whatever//td
td/
  /tr
/table

But now I'm trying to get this thing working using the UIBinder
feature. Here is my ui.xml file:

!DOCTYPE ui:UiBinder SYSTEM http://dl.google.com/gwt/DTD/xhtml.ent;
ui:UiBinder xmlns:ui=urn:ui:com.google.gwt.uibinder
xmlns:g=urn:import:com.google.gwt.user.client.ui
  g:VerticalPanel width=100% spacing=0
g:cell horizontalAlignment='ALIGN_RIGHT'
  g:HorizontalPanel ui:field=mainUserPanel spacing=4
g:Label ui:field=userEmail/
g:Label|/g:Label
g:Anchor ui:field=userLink/
  /g:HorizontalPanel
/g:cell
g:cell horizontalAlignment='ALIGN_RIGHT'
verticalAlignment='ALIGN_TOP' height=1px
  g:Image url=/media/images/gradientSplit.png/
/g:cell
  /g:VerticalPanel
/ui:UiBinder

Obviously - it doesn't work. When I use the development tools of
Google Chrome, I can see that the second row of the table (the one
that contains image only) has a height of 16px. I tried modifying the
properties in the Chrome Development tool - but is has no effect. I
tried looking all over google groups - but no luck. Can you help me
find what am I doing wrong?

Oh, and by the way - I'm not looking for fallback to HTML solution.
If this is the only way, then what is the point of using GWT at all?

Complete source of the application mockup:

http://code.google.com/p/voc-trainer/

Revision 8 should be used.

Thanks a lot in advance,
Dawid Buchwald

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