Quantcast
Channel: Appcelerator Developer Center Q&A Tag Feed (android)
Viewing all articles
Browse latest Browse all 7655

Vertical labels switch back to default (horizontal) after scrolling them off and on screen.

$
0
0

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

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>

Viewing all articles
Browse latest Browse all 7655

Trending Articles