Truncated Text in address demo

I noticed that words for the first icon “Add Contacts” is truncated in the address book demo. I only see “Add Conta” in the upper left corner.

Is there a workaround for this? I tried both Firefox and ie 8.

Thanks!

http://demo.vaadin.com/AddressBook/

Yeah, in the Eclipse plugin browser, it looks okay, but FF 3.5 and IE 8 show it truncated.

In FF 3.5 with firebug, it shows this HTML:

[font=Courier New]

Add contact
[/font]

It looks like all the buttons are the same, and from the style.css built for the “contacts” theme, there’s CSS:
[font=Courier New]
.toolbar .v-button {
display: block;
width: 65px;
height: 55px;
background: transparent;
border: none;
text-align: center;
}

[/font]

Just change to width to 75px and it will all fit on those two browsers.

Thanks for the bug report!

Actually, just setting padding to zero for the buttons corrects the problem also.

Could you create a ticket about this issue in our Trac, at
http://dev.vaadin.com/newticket
? That’s the proper place to report any issues you encounter.

Thanks again!

Thanks for the responses. After the first reply, I wanted to wait and test this out on another machine and got interesting results.

I change the label for “Add Contacts” to “Add ContactX to the world” and got some interesting results. Please see attached.

I’ll try the padding option too.

Thanks!

Keith:P
11167.doc (273 KB)

Thanks Jouni. I don’t think I have permissions to open a ticket. How do I get that option?

Got message below:
TICKET_CREATE privileges are required to perform this operation

I guess you need to register first:

http://dev.vaadin.com/register