What I'm trying to do is rotate labels into a vertical orientation. The following code worked fine before I updated to 3.2.0. However, now, whenever I scroll the view the labels off screen and then scroll them back into view they return to the default horizontal orientation.
This is android version 2.3.5 with Titanium SDK 3.2.0 and Alloy 1.3.0
I hope I have provided enough information. Any help is greatly appreciated, thanks.
Screenshot
pertinent excerpt from alloy.js
Alloy.Globals.verticalText = Ti.UI.create2DMatrix().rotate(-90);pertinent excerpt from tss file
".verticalLabel[formFactor=tablet]": { transform:Alloy.Globals.verticalText, textAlign:'center', backgroundColor:"#90610DA6", color:"#FFF", width:'40dp', font: { fontSize:"6pt" } } ".verticalLabel[formFactor=handheld]": { transform:Alloy.Globals.verticalText, textAlign:'center', backgroundColor:"#90610DA6", color:"#FFF", width:'30dp', font: { fontSize:"4pt" } }The view's xml file (A single row)
<Alloy> <TableViewRow title="" size="Ti.UI.SIZE" layout="vertical" id="legRow"> <View layout="horizontal" width="Ti.UI.FILL" height="Ti.UI.SIZE" top="0" backgroundColor="red"> <Label class="verticalLabel">Time</Label> <Label id="destTime" class="headerLabel"/> <Label width="5" height="1" /> <Label class="verticalLabel">Leg</Label> <Label id="legSequence" class="headerLabel"/> <Label width="5" height="1" /> <Label class="verticalLabel">Rider</Label> <Label id="riderName" class="headerLabel"/> </View> <View layout="horizontal" width="Ti.UI.FILL"> <!-- backgroundColor="#75FFFFFF" --> <View layout="vertical" width="75%" height="Ti.UI.SIZE" backgroundColor="blue"> <Label id="destInfo" left="2" width="Ti.UI.FILL"/> </View> <View layout="vertical" width="25%" height="Ti.UI.FILL" backgroundColor="green"> <Label id="amountDue" width="Ti.UI.FILL" height="Ti.UI.SIZE" top="0"/> <Label id="escort" width="Ti.UI.FILL" height="Ti.UI.SIZE"/> <Label id="attendant" width="Ti.UI.FILL" height="Ti.UI.SIZE"/> </View> </View> </TableViewRow> </Alloy>