I have a basic view, then in this view I have, like children, two labels and an image. I want the tags to flow one after another from the top of the screen, and I want the image to be below. I get these labels to translate them correctly by setting the layout: “vertical” in the main window. But once this is done, I cannot force the image from below. Here is a snippet of my code:
var self = Ti.UI.createView({
backgroundColor:'#fff',
layout:'vertical'
});
var l1 = Titanium.UI.createLabel({
text:quote,
color:'#000',
shadowColor:'#ddd',
shadowOffset:{x:2,y:2},
font:{fontFamily:'Marker Felt',fontSize:24},
top:20,
left:15,
right:15,
height:'auto'
});
self.add(l1);
var l2 = Titanium.UI.createLabel({
text:author,
color:'#000',
shadowColor:'#ddd',
shadowOffset:{x:2,y:2},
font:{fontSize:16},
top:10,
left:15,
right:15,
height:'auto',
textAlign:'right'
});
self.add(l2);
var imgView = Titanium.UI.createImageView({
image:myimage,
setBottom:10,
height:100
});
self.add(imgView);
I tried to set the image layout, and this will not work. If I changed the layout of the "I" window to "absolute", then I can not get the tags to flow purely one after another. The first label has a variable height, so I need them to follow each other.
I am using Titanium 1.82.
Thank. In advance.