Question

I have a gwt button that has a fixed size.
I want to present a text on it, and if that text exceeds the button length, I need to cut it short and put “…” in the end. I use the following code now:

if(name.length() > 11){
    //limiting the size of the text presented on the button
    name = name.substring(0,10)+"...";
}

I have a list of such buttons, and this approach causes that not all button’s text have the same size.

The problem is, for example, that 10 chars of “!” are much shorter than 10 chars of “A”.

Can anyone help me with a way to solve this issue?

Thanks!

Answer 1

Fast answer. Try ussing HTML5/CSS3 property. It does exactly that:

http://www.w3schools.com/cssref/css3_pr_text-overflow.asp

If you need to do that for non-CSS3 browsers you’ll need to make some kind of fake. Maybe setting a button div content, with overflow-hidden, and placing a floating “…” to the right. But it’s more difficult…