Appcelerator Developer Center Q&A Tag Feed (multiline)

Multiline text in table view row

Midhun MP — Thu, 10 Jan 2013 03:24:57 -0800

Same question link in Stack Overflow

I'm working on a tableView based application in Titanium. I need to show long text contents in my table view rows.

This is the code I'm using to create my table view row.

var row = Ti.UI.createTableViewRow({
        backgroundColor : '#F0F0F0',
        color           : 'black',
        font            : { fontSize:10 ,fontWeight:'bold',fontFamily:'Arial'},
        height          :'80',
        title           : firstRowContent
     });

My issue is I need to wrap the text in my table view row and need to display it in multiline.

In iOS there is lineBreakMode and numberOfLines properties. And I can easily do it.

Is there any way to do it in titanium ? I searched a lot, but everyone says that put a '\n' in between the text or add multiple labels.

These are the links I referred:

Display resultset (text) within a label, multiline

Florian Dehn — Thu, 09 Sep 2010 01:52:49 -0700

I´m actually trying to fetch some data from the underlying sqlite database on iPhone platform. This does work pretty well, indeed.

This works for simple text only. Multiline (with \n and \r) does not.

Does someone know how to solve this, how to make text coming from database come out as multi-line text?

Any help is much appreciated!

Multiline Label?

Ju Ho — Fri, 20 Aug 2010 09:41:23 -0700

Hello there, maybe this is a very dumb question, but i'm trying to add a multiline text into a table row. i'm not sure if i'm doing it right.

is there a way to make a label being multiline?

Multiline TableViewRow Footer

Baptiste Candellier — Mon, 26 Sep 2011 12:41:05 -0700

I'd like to add a multiline footer to a TableView row, like the ones you can see in the iPhone settings app (in the sound settings, for example). When I use foo.footer = 'bar', the footer text is cut with '...' (I don't know what it's called in English :p). I've seen we can use footerView, but it's not really what I want, I'd like to keep the classic appearance.

mutiline tablerow from database

Mark Crippen — Tue, 19 Jul 2011 09:03:41 -0700

hey guys, When I load my tableview from a local database, it doesnt show the whole data. In fact, it just shows the first few letters and then it puts ellipses on the end. Is there a way i can show multiline data from a database? What i would like to do is show the entire title field (approx 30 chars long) as well as an image on the left. posted below is my code

//create a tableview
var tableview = Titanium.UI.createTableView({
        height:310,
    editable:true
});
 
 
 
function setData() {
    //initiate array
    var dataArray=[];
    //bootstrap database
    var db=Ti.Database.install('localfavs.db', 'sqlite_master');
 
    //Exec SQL statement
    var rows = db.execute('SELECT * FROM localsfavorites');
    //logs for trouble shooting 
    Titanium.API.log("rows " +rows);
    //loop while row is valid
        while (rows.isValidRow())
            {
            dataArray.push(
        {title:rows.fieldByName('description'),leftImage:'someImage.png'});
                  //create a new row dynamically    
            rows.next();
            //puts results from above into the tableview
            tableview.setData(dataArray);
     }
 
 
     //close rows
    rows.close();
 
};//setData closer
setData();

adding new line to textarea

Mark v.d. Hijden — Thu, 23 Dec 2010 06:10:23 -0800

Hello,

We have a web service that returns a text with multiple lines example:

This is line 1 /r This is line 2 /r/r This is line 3

Now we want to maintain the lines in the text and insert it into a textarea. How do i do that?

We now have this:

textarea = Titanium.UI.createTextArea({
    value: 'This is line 1 /r This is line 2 /r/r This is line 3', 
    top:10,
    left:10,
    color:'white',
    editable:false,
    enabled:false,
});

Thanks a lot...

multiple line on tableview row?

Josh Lewis — Sun, 07 Nov 2010 09:50:51 -0800

I have my tableview that is pulling records locally as list of addresses, and I'm trying to add something along the lines of

Address (pulled from db) x miles from location

I can add the x miles by doing the following

data.push({
                    id: rows.fieldByName('id'),
                    lat: rows.fieldByName('lat'),
                    lon: rows.fieldByName('lon'),
                    title: rows.fieldByName('caption') + "\n x miles from location",
                    info: rows.fieldByName('info'),
                    hasChild: true

and it works fine. However, when I click the row, I DONT want it to show the 'x miles from location', thats just for this view only.

So is there another way to do it where its not actually part of the title?