Position text inside a label (Titanium Mobile)

I noticed there are TEXT_VERTICAL_ALIGNMENT_TOP,.._BOTTOM,… constants in the base Titanium.UI library, but what property can I couple it with to achieve the alignment or is this not possible within a label?

This worked for me, but it won't cut the text if it is longer (higher) then the height of the View:

this.infoContainer = Titanium.UI.createView({
    top    : 19,
    left    : 62,
    width    : 238,
    height    : 28
});

this.infoLabel = Titanium.UI.createLabel({
    height    : 'auto',
    top    : 0
});

this.infoContainer.add(this.infoLabel);
this.view.add(this.infoContainer);

Result: Top-Vertical-Align of a text in a two line height element.
But the label will no longer truncate (and add a trailing '…') the text when the text is longer (higher).

Any tricks to have top-align and truncate of the text?

— answered December 9th 2010 by Udo Trappe
permalink

1 Comment

The problem is that height:'auto' precludes truncation.

Here is one idea.

Add a custom event listener to the label (e.g. refresh) which you can fire immediately after you change the label text.

Then, in the listener:
```
if(this.infoLabel.size.height > 28)
{
    this.infoLabel.height = 28;
}
else
{
    this.infoLabel.height = 'auto';
}
```
— commented December 9th 2010 by James K

I am interested in this, too. Even did not find an example in KitchenSink.

Titanium Community Questions & Answer Archive

We felt that 6+ years of knowledge should not die so this is the Titanium Community Questions & Answer Archive

3 Answers