4 Answers

• try adding

  layout:'vertical' property to the window…

  and for every element that you add just keep the "top:15" ……

  Guess this should do the trick….

• This type of solution worked for me:

  var top = 0;
  
  var label1 = Ti.UI.createLabel({
      text: 'text',
      height: 'auto',
      top: top + 15
  });
  
  top = label1.top + label1.height;
  
  var label2 = Ti.UI.createLabel({
      text: 'text',
      height: 'auto',
      top: top + 15
  });
  
  top = label2.top + label2.height;
  
  //...
  

• Actually Sattanaathan is right, but you can also set this property layout:'vertical' to view, and it's work for me as well.

• Best option I can think of is to use a view for each element with the end of the first of beginning of the second element have a 15px top, left, etc.. definition as needed. Add both of those views to another Scroll view with a vertical or horizontal layout defined. The ScrollView will automatically handle alignment of it's children (views) and then the elements in those views will be aligned with a 15px difference.

  I hope that makes sense…