title: Appcelerator Titanium - a basic UI property works on android but not on iphone?
body: <p>everyone!</p>
  
  <p>new to here</p>
  
  <p>and been pondering about this myself for some times with no luck so i decided to make a post here</p>
  
  <p>here is my problem</p>
  
  <pre><code>function refreshTableData(object){
  var tableData=[];
  for(var i=0;i&lt;object.array.length;i++){
      var r=Titanium.UI.createTableViewRow({height:'auto'/*,layout:'horizontal'*/});
  
      var nameLabel=Titanium.UI.createLabel({text:object.array[i].program_name,center:{x:'12%'}});
      var countLabel=Titanium.UI.createLabel({text:object.array[i].count,center:{x:'37%'}});
      var classLabel=Titanium.UI.createLabel({text:object.array[i].class_name,center:{x:'62%'}});
      var dateLabel=Titanium.UI.createLabel({text:object.array[i].date,center:{x:'87%'}});
  
      r.add(nameLabel);
      r.add(countLabel);
      r.add(classLabel);
      r.add(dateLabel);
  
      tableData.push(r);
  }
  tableView.setData(tableData);
  }
  </code></pre>
  
  <p>the center property in the above code works fine on android</p>
  
  <p>four labels positioned accordingly to my the value</p>
  
  <p>but not on my iphone emulator</p>
  
  <p>all four labels just stick to left side of the row covering each other</p>
  
  <p>i checked appcelerator API the property is supported both in android and iphone</p>
  
  <p>i don't know whats causing the problem</p>
  
  <p>thank you in advance guys</p>