Ok folks…

So I need to somehow refresh the screen on rotate (iPhone). I'm using percentages for my widths - but that's not enough as the screen doesn't actually recalculate the widths when the hardware is rotated.

The parent to this page has an orientationchange event listener. That seems like a good place to do the reFresh… but I don't know how to do it.

I'm pretty sure I had this working at one point on an ipad app with no effort at all… I just set the width to some math based on the window width and it worked. But it doesn't seem to want to do that here.

My code is below.

var win = Titanium.UI.currentWindow;

var scrollView1 = Titanium.UI.createScrollView({
     contentWidth:'auto',
     contentHeight:'auto',
     showVerticalScrollIndicator:true,
     showHorizontalScrollIndicator:true,
     layout:'vertical'
    });


var padding = 10;

var view_itemtitle = Ti.UI.createView({
    top:padding,
    backgroundColor:'#ffffff',
    borderRadius:10,
    width: '90%',
    height:'auto'

});

var label_itemtitle = Titanium.UI.createLabel({
        top:padding,
        text:win.itemtitle + 'nnn',
        color:'#003399',
        width: '90%',
        font:{fontSize:18,fontWeight:'bold',fontFamily:'Helvetica Neue'},
        height: 'auto'
});

view_itemtitle.add(label_itemtitle);
scrollView1.add(view_itemtitle);


var view_itemdesc = Ti.UI.createView({
    top:padding,
    backgroundColor:'#ffffff',
    borderRadius:10,
    width: '90%',
    height:'auto'

});

var label_itemdesc = Titanium.UI.createLabel({
        top:padding,
        text:win.itemdesc + 'nnn',
        color:'#000000',
        width: '90%',
        font:{fontSize:14,fontWeight:'normal',fontFamily:'Helvetica Neue'},
        height: 'auto'
});

view_itemdesc.add(label_itemdesc);
scrollView1.add(view_itemdesc);

win.add(scrollView1);