Question

Please note: This question relates to the Appcelerator Titanium platform, not the stock iOS SDK.

I’m making a tag cloud with a layout: horizontal view. I’m most of the way there, but I can’t get the final Titanium.UI.Label on a line to wrap if it doesn’t fit. Instead, it gets ellipsized (in a useless manner).

Is there a way I can prevent this on iOS? Seems to work fine on Android.

Answer 1

If you try to set the label width to auto, Titanium will calculate the label width in runtime.
It make sense to get a ellipsized label in horizontal view.

You may need to determine the dynamic label width in your tag cloud case. But just leave it to titanium, you just need to change the dynamic width to static width with this tricky code.

for (var i = 0; i < data.length; i++) {
            var label = Ti.UI.createLabel({ text: data[i], width: 'auto', height: 20,left: 5, top: 5});

            label.width = label.width + 5; //this determine width in runtime assign back to static width
            view.add(label);
        }