This is because you force the skin to the old skin class, which is now obsolete.

Just remove all the skinClass settings from all TextInput and TextArea so that 
it uses the default skin which is now "ScrollingStageTextAreaSkin".

<s:TextInput    width="85%"  id="txtPassword"
displayAsPassword="true"  borderVisible="false"
skinClass="spark.skins.mobile.StageTextInputSkin"   />
=>
<s:TextInput    width="85%"  id="txtPassword"
displayAsPassword="true"  borderVisible="false" />

Enjoy.

Maurice 

-----Message d'origine-----
De : Jonathan Christian [mailto:[email protected]] 
Envoyé : vendredi 10 janvier 2014 17:57
À : [email protected]
Objet : RE: StageTextInputSkin - Text does not move in scroller

 <s:Scroller id="scroller" left="5" right="5" top="5" bottom="5"
verticalScrollBar="{new VScrollBar()}">
            <s:VGroup height="100%" width="100%" paddingLeft="15"
paddingRight="15" paddingTop="30">
                <s:HGroup width="100%"    height="30"  verticalCenter="0"
click="navigator.popView()">
                    <s:BitmapImage  left="-1"  height="25"    width="33"
verticalCenter="0"  horizontalAlign="left" scaleMode="letterbox" 
source="@Embed('/assets/backBtnWhite.png')"/>
                    <s:Spacer  width="100%"/>
                    <s:Label text="CREATE ACCOUNT"  fontSize="34"
width="220"  maxDisplayedLines="1"  styleName="lightLabel" color="0xffffff"  
/>
                </s:HGroup>


                <s:Spacer height="8%"/>

                <s:VGroup height="100%" width="100%" gap="14"
horizontalAlign="center" paddingTop="20">
                    <s:Group width="75%" height="40%">
                        <s:VGroup width="100%" height="100%"
horizontalAlign="left" gap="4" verticalAlign="middle"  paddingTop="5">
                            
                            <s:Label text="Full Name"   color="0xffffff" />
                            <s:TextInput id="txtFullName"  width="85%"  
borderVisible="false" skinClass="spark.skins.mobile.StageTextInputSkin" />
                            <s:Spacer height="6" />

                            <s:Label text="Username"    color="0xffffff"/>
                            <s:TextInput id="txtUsername"  width="85%" 
borderVisible="false" skinClass="spark.skins.mobile.StageTextInputSkin" />
                            <s:Spacer height="6" />
                            
                            <s:Label text="Email Address"  
color="0xffffff"/>
                            <s:TextInput  width="85%"  id="txtEmail" 
borderVisible="false" skinClass="spark.skins.mobile.StageTextInputSkin" />
                            <s:Spacer height="6" />
                            
                            <s:Label text="Password"    color="0xffffff"/>
                            <s:TextInput    width="85%"  id="txtPassword"
displayAsPassword="true"  borderVisible="false"
skinClass="spark.skins.mobile.StageTextInputSkin"   />
                            <s:Spacer height="6" />
                            
                            <s:Label text="Confirm Password"  
color="0xffffff"/>
                            <s:TextInput  id="txtConfirmPassword"
width="85%" displayAsPassword="true"  borderVisible="false"
skinClass="spark.skins.mobile.StageTextInputSkin"  />
                            <s:Spacer height="6" />
                            
                            <s:Label text="Address"    color="0xffffff"/>
                            <s:TextInput    width="85%" id="txtAddress" 
borderVisible="false" skinClass="spark.skins.mobile.StageTextInputSkin" />
                            <s:Spacer height="6" />

                            <s:Label text="City"   color="0xffffff"/>
                            <s:TextInput   width="65%" id="txtCity" 
borderVisible="false" skinClass="spark.skins.mobile.StageTextInputSkin"  />
                            <s:Spacer height="6" />

                            <s:Label text="State"  color="0xffffff"/>
                            <s:TextInput   width="25%"  id="txtState"  
borderVisible="false" skinClass="spark.skins.mobile.StageTextInputSkin"  />
                            <s:Spacer height="6" />

                            <s:Label text="Zip Code"   color="0xffffff"/>
                            <s:TextInput id="txtZipCode"   width="55%"  
borderVisible="false" skinClass="spark.skins.mobile.StageTextInputSkin" />
                            <s:Spacer height="6" />

                         </s:VGroup>
                        </s:Group>

                    
                  
                     <s:VGroup gap="8" width="100%"
horizontalAlign="center">
                        <s:Label text="Terms of Service"
id="forgotPasswordBtn" fontWeight="bold" color="0xffffff"
click="navigateToURL(new
URLRequest('https://oncue.kohler.com/legal/'),'_blank');"/>
                        <s:CheckBox  height="55"
skinClass="skins.MultilineCheckBox" scaleX="1.1" scaleY="1.1" 
maxWidth="200" id="policyCheckBox" color="white" label="I accept the terms and 
policies of Kohler Co."/>
                     </s:VGroup>

                    <s:Button width="175" height="30" label="CREATE ACCOUNT"
fontSize="12" id="createAccountBtn" skinClass="skins.GreenBtnSkin"/>
                    <s:Label id="errorLabel" styleName="lightLabel"
color="white" width="90%" textAlign="center"  fontSize="15" />
                    </s:VGroup>
            </s:VGroup>
        </s:Scroller>



--
View this message in context: 
http://apache-flex-users.2333346.n4.nabble.com/StageTextInputSkin-Text-does-not-move-in-scroller-tp4429p4438.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.

Reply via email to