You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@flex.apache.org by Jonathan Christian <jc...@gmail.com> on 2014/01/10 14:51:56 UTC
StageTextInputSkin - Text does not move in scroller
<http://apache-flex-users.2333346.n4.nabble.com/file/n4429/IMG_1949%5B1%5D.png>
I'm using the spark.skins.mobile.StageTextInputSkin in my mobile
application. As you can see from the screenshot the text does not stay in
its input boxes when scrolling up and down the view when wrapped in a
Scroller conponent.
<s:TextInput id="txtUsername" fontSize="18" width="200"
borderVisible="false" skinClass="spark.skins.mobile.StageTextInputSkin"/>
Things I've noticed
-Flicking the page causes the text labels to redraw
-Clicking on a textinput box does not redraw the text
-Dragging up and down the page with the scroller will not redraw the text
This is the link I used
http://stackoverflow.com/questions/9335337/flex-mobile-textinput-in-scroller-text-lag
I have also tried using the old flex 4.6 textInput box skin which resolves
this issue but prevents the softkeyboard panning abilities and added goodies
of stage text so I would really prefer not to go that route
Any suggestions would be great as this is a rather annoying bug.
Thanks
Jonathan
--
View this message in context: http://apache-flex-users.2333346.n4.nabble.com/StageTextInputSkin-Text-does-not-move-in-scroller-tp4429.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.
RE: StageTextInputSkin - Text does not move in scroller
Posted by Maurice Amsellem <ma...@systar.com>.
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:jcisinthehouse21@gmail.com]
Envoyé : vendredi 10 janvier 2014 17:57
À : users@flex.apache.org
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.
RE: StageTextInputSkin - Text does not move in scroller
Posted by Jonathan Christian <jc...@gmail.com>.
<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.
RE: StageTextInputSkin - Text does not move in scroller
Posted by Maurice Amsellem <ma...@systar.com>.
Are you using TextInput/TextArea with default or custom skin?
Please paste a sample code here
Maurice
-----Message d'origine-----
De : Jonathan Christian [mailto:jcisinthehouse21@gmail.com]
Envoyé : vendredi 10 janvier 2014 16:46
À : users@flex.apache.org
Objet : RE: StageTextInputSkin - Text does not move in scroller
I installed the nightly build (4.12) along with the air 4.0 sdk, no difference in my app. Any other ideas?
--
View this message in context: http://apache-flex-users.2333346.n4.nabble.com/StageTextInputSkin-Text-does-not-move-in-scroller-tp4429p4436.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.
RE: StageTextInputSkin - Text does not move in scroller
Posted by Jonathan Christian <jc...@gmail.com>.
I installed the nightly build (4.12) along with the air 4.0 sdk, no
difference in my app. Any other ideas?
--
View this message in context: http://apache-flex-users.2333346.n4.nabble.com/StageTextInputSkin-Text-does-not-move-in-scroller-tp4429p4436.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.
RE: StageTextInputSkin - Text does not move in scroller
Posted by Maurice Amsellem <ma...@systar.com>.
Actually, all fixed and committed tickets are included in the next nightly build, and you can always get them using ApacheFlexInstaller and selecting Nightly build (dev only) in the version list
Maurice
-----Message d'origine-----
De : Jonathan Christian [mailto:jcisinthehouse21@gmail.com]
Envoyé : vendredi 10 janvier 2014 15:36
À : users@flex.apache.org
Objet : Re: StageTextInputSkin - Text does not move in scroller
Would that be included in the nightly builds
--
View this message in context: http://apache-flex-users.2333346.n4.nabble.com/StageTextInputSkin-Text-does-not-move-in-scroller-tp4429p4432.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.
Re: StageTextInputSkin - Text does not move in scroller
Posted by Jonathan Christian <jc...@gmail.com>.
Would that be included in the nightly builds
--
View this message in context: http://apache-flex-users.2333346.n4.nabble.com/StageTextInputSkin-Text-does-not-move-in-scroller-tp4429p4432.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.
RE: StageTextInputSkin - Text does not move in scroller
Posted by Maurice Amsellem <ma...@systar.com>.
That correct, it is fixed and will be included in 4.12, which is be delivered in a month or two.
The fix is also included in the nightly build so you can try it.
You can get it using Apache Flex installer and selecting "Nightly build (dev only)".
Maurice
-----Message d'origine-----
De : lazzari.angelo@gmail.com [mailto:lazzari.angelo@gmail.com] De la part de Angelo Lazzari
Envoyé : vendredi 10 janvier 2014 15:03
À : User Apache
Objet : Re: StageTextInputSkin - Text does not move in scroller
Hi,
this is a really annoying bug but, reading the Flex 4.12 release notes ( https://github.com/apache/flex-sdk/blob/develop/RELEASE_NOTES where ) i should be in the list of the SDK fixed bug:
SDK Changes
-------------
- Improved Callout for Desktop.
- Improved UID generation performance.
- Changed DPI to be 160 for iPad and 320 for iPad mini.
- Improvements to Falcon MXML code generation.
- Option to not store last call result in RomoteObject and WebService.
*- StageTextInput can now be included in scrollable content.*
- new iOS os-version media css selector.
- iOS7 status bar support.
but i don't know when it will be released... maybe the Apache team guys can say something more.
Probably you can find a quick fix here:
http://blog.flexicious.com/post/Scrolling-Issues-With-TextInput-for-Flex-Air-Mobile-Native-StageText.aspx
Bye
Angelo
2014/1/10 Jonathan Christian <jc...@gmail.com>
> <
> http://apache-flex-users.2333346.n4.nabble.com/file/n4429/IMG_1949%5B1
> %5D.png
> >
>
> I'm using the spark.skins.mobile.StageTextInputSkin in my mobile
> application. As you can see from the screenshot the text does not stay
> in its input boxes when scrolling up and down the view when wrapped in
> a Scroller conponent.
>
> <s:TextInput id="txtUsername" fontSize="18" width="200"
> borderVisible="false"
> skinClass="spark.skins.mobile.StageTextInputSkin"/>
>
>
>
> Things I've noticed
> -Flicking the page causes the text labels to redraw -Clicking on a
> textinput box does not redraw the text -Dragging up and down the page
> with the scroller will not redraw the text
>
> This is the link I used
>
> http://stackoverflow.com/questions/9335337/flex-mobile-textinput-in-sc
> roller-text-lag
>
> I have also tried using the old flex 4.6 textInput box skin which
> resolves this issue but prevents the softkeyboard panning abilities
> and added goodies of stage text so I would really prefer not to go
> that route
>
> Any suggestions would be great as this is a rather annoying bug.
> Thanks
> Jonathan
>
>
>
> --
> View this message in context:
> http://apache-flex-users.2333346.n4.nabble.com/StageTextInputSkin-Text
> -does-not-move-in-scroller-tp4429.html
> Sent from the Apache Flex Users mailing list archive at Nabble.com.
>
Re: StageTextInputSkin - Text does not move in scroller
Posted by Angelo Lazzari <an...@redtulp.com>.
Hi,
this is a really annoying bug but, reading the Flex 4.12 release notes (
https://github.com/apache/flex-sdk/blob/develop/RELEASE_NOTES where )
i should be in the list of the SDK fixed bug:
SDK Changes
-------------
- Improved Callout for Desktop.
- Improved UID generation performance.
- Changed DPI to be 160 for iPad and 320 for iPad mini.
- Improvements to Falcon MXML code generation.
- Option to not store last call result in RomoteObject and WebService.
*- StageTextInput can now be included in scrollable content.*
- new iOS os-version media css selector.
- iOS7 status bar support.
but i don't know when it will be released... maybe the Apache team
guys can say something more.
Probably you can find a quick fix here:
http://blog.flexicious.com/post/Scrolling-Issues-With-TextInput-for-Flex-Air-Mobile-Native-StageText.aspx
Bye
Angelo
2014/1/10 Jonathan Christian <jc...@gmail.com>
> <
> http://apache-flex-users.2333346.n4.nabble.com/file/n4429/IMG_1949%5B1%5D.png
> >
>
> I'm using the spark.skins.mobile.StageTextInputSkin in my mobile
> application. As you can see from the screenshot the text does not stay in
> its input boxes when scrolling up and down the view when wrapped in a
> Scroller conponent.
>
> <s:TextInput id="txtUsername" fontSize="18" width="200"
> borderVisible="false"
> skinClass="spark.skins.mobile.StageTextInputSkin"/>
>
>
>
> Things I've noticed
> -Flicking the page causes the text labels to redraw
> -Clicking on a textinput box does not redraw the text
> -Dragging up and down the page with the scroller will not redraw the text
>
> This is the link I used
>
> http://stackoverflow.com/questions/9335337/flex-mobile-textinput-in-scroller-text-lag
>
> I have also tried using the old flex 4.6 textInput box skin which resolves
> this issue but prevents the softkeyboard panning abilities and added
> goodies
> of stage text so I would really prefer not to go that route
>
> Any suggestions would be great as this is a rather annoying bug.
> Thanks
> Jonathan
>
>
>
> --
> View this message in context:
> http://apache-flex-users.2333346.n4.nabble.com/StageTextInputSkin-Text-does-not-move-in-scroller-tp4429.html
> Sent from the Apache Flex Users mailing list archive at Nabble.com.
>