Re: No Prompt in TextInput when layoutDirection set to RTL (Mobile)

[Ori 007 <or...@gmail.com>]

Hi Maurice,

Sorry for the late response.

The issue that the letters order is not inverted as it should be is very
disappointing.

Thanks for your new skin.
I tried it and the prompt text appear, but not in right place.

I added to your skin:
prompt.setStyle("textAlign", "right");
and it works fine.

Thank you very much, Ori.










On Sun, Mar 30, 2014 at 2:22 PM, Maurice Amsellem <
maurice.amsellem@systar.com> wrote:

> Hi Ori,
>
> To conclude this loooong RTL journey,  I didn't succeed in displaying RTL
> text using the mobile-optimized StyleableTextField.
>
> The idea was to fix all default mobile skins (based on StyleableTextField
> and ScrollableStageText) to display correctly when using RTL text
> (Arabic/Hebrew) and layoutDirection set to RTL.
> So I changed StyleableTextField to correct it's matrix and textAlign.
>
> I tested it on ADL with default skins and it worked fine!
> https://www.dropbox.com/s/ee61mpazlgyloof/ADL_RTL_OK.png
>
> However, the same application run on the device (Android or iOS) the
> letter order is not inverted as it should be.
> https://www.dropbox.com/s/rfme0g60xxkne87/android_rtl_ko.png
>
> I have no explanation yet why the result differs on ADL and device
> (difference in the AIR rutime implementation maybe ?)
>
> So I drop it for now.
>
> Regarding your last issue on the TextInput prompt text, the solution is
> easy:  you need to create a custom skin of TextInput that uses spark Label
> for the prompt display.
> I did it for you and attached the custom skin to the JIRA ticket:
>
> https://issues.apache.org/jira/browse/FLEX-34181
>
> Regards,
>
> Maurice
>
> -----Message d'origine-----
> De : Ori 007 [mailto:ori007@gmail.com]
> Envoyé : jeudi 27 mars 2014 08:03
> À : users@flex.apache.org
> Objet : Re: No Prompt in TextInput when layoutDirection set to RTL (Mobile)
>
> Thanks, this is great news.
> Let me know if you need something.
>
>
> On Thu, Mar 27, 2014 at 8:58 AM, Maurice Amsellem <
> maurice.amsellem@systar.com> wrote:
>
> > >I'm using Spark Label.
> > >In the renderers i'm using Spark Labels as well.
> > >and in the buttons i'm using spark label as well :-)
> >
> > That explains why it displays RTL without any issues.
> > Except for the TextInput prompt text, wich still uses StyleableTextField.
> >
> > I tried the app on an iPad 3 and indeed there is no performance issue,
> > the lists scroll rather smoothly etc.
> >
> > This means spark label can be used at places, when there are not too
> > much text, and when you don't need the "text shadow" effect.
> >
> > But I did other tests with an app that displays lot more of text,
> > using spark Label, and the result was very bad (1-4 fps)
> >
> > So, in the most general case, I think it's better that
> > StyleableTextField knows how to display in RTL.
> >
> > I will continue in that direction, and that will also fix the prompt
> > text issue.
> >
> > Maurice
> >
> > -----Message d'origine-----
> > De : Ori 007 [mailto:ori007@gmail.com] Envoyé : jeudi 27 mars 2014
> > 07:37 À : users@flex.apache.org Objet : Re: No Prompt in TextInput
> > when layoutDirection set to RTL (Mobile)
> >
> > Hi,
> >
> > The StyleableTextField doesn't include feature I required (sometime).
> >
> > I'm using Spark Label.
> > In the renderers i'm using Spark Labels as well.
> > and in the buttons i'm using spark label as well :-)
> >
> > As I said before i don't have any issue with performance. (As you can
> > see)
> >
> > Ori.
> >
> >
> >
> >
> >
> > On Thu, Mar 27, 2014 at 12:40 AM, Maurice Amsellem <
> > maurice.amsellem@systar.com> wrote:
> >
> > > Hi Ori, I have installed the Hebrew version as you indicated and
> > > it's displaying fine, with RTL layout.
> > >
> > > I have a few questions: the UI is very customized, so it's difficult
> > > to tell what mobile component you are using, or if everything is
> custom.
> > >
> > > - are you using spark Label to display custom text, or is it
> > > StyleableTextField?
> > > - are you using StyleableTextField in the custom list renderers ?
> > > - what about the many buttons, which have a custom skin most of the
> > > time (orange, green).  Are you using spark label in the button
> > > custom
> > skins?
> > >
> > > Thanks for your answers.
> > >
> > > Maurice
> > >
> > > -----Message d'origine-----
> > > De : Ori 007 [mailto:ori007@gmail.com] Envoyé : mercredi 26 mars
> > > 2014
> > > 11:44 À : users@flex.apache.org Objet : Re: No Prompt in TextInput
> > > when layoutDirection set to RTL (Mobile)
> > >
> > > Please try to install it in English, remove it, and install it again
> > > in Hebrew.
> > >
> > >
> > > On Wed, Mar 26, 2014 at 12:30 PM, Ori 007 <or...@gmail.com> wrote:
> > >
> > > > Yes. Exactly what you said!
> > > > And it works great (except the TextInput in some cases)
> > > >
> > > >
> > > > On Wed, Mar 26, 2014 at 12:15 PM, Maurice Amsellem <
> > > > maurice.amsellem@systar.com> wrote:
> > > >
> > > >> Hi Ori,
> > > >>
> > > >> Thanks for the answer.  I will download the app when at home and
> > > >> try it in Hebrew.
> > > >>
> > > >> One question:
> > > >>
> > > >> From the screenshot in the app store (in English), the UI layout
> > > >> is left to right.
> > > >>
> > > >> Do you change it to right-to-left when the language is Hebrew ,
> > > >> which means not only the text letters are from right to left, but
> > > >> also the LAYOUT of the application is mirrored?
> > > >>
> > > >> Regards,
> > > >>
> > > >> Maurice
> > > >>
> > > >> -----Message d'origine-----
> > > >> De : Ori 007 [mailto:ori007@gmail.com] Envoyé : mercredi 26 mars
> > > >> 2014
> > > >> 09:49 À : users@flex.apache.org Objet : Re: No Prompt in
> > > >> TextInput when layoutDirection set to RTL
> > > >> (Mobile)
> > > >>
> > > >> Hi Maurice,
> > > >>
> > > >> How are you?
> > > >>
> > > >> Thanks for your reply.
> > > >>
> > > >> I develop using Flex for many years, including several mobile
> > > >> applications development.
> > > >>
> > > >> Some of those applications were in Hebrew with RTL layoutDirection.
> > > >>
> > > >> Apart than the issues I encountered in the TextInput component, I
> > > >> didn't have development, performance or any  other problem.
> > > >>
> > > >> I assume it's because TextInput is a Native Extension.
> > > >>
> > > >>
> > > >>
> > > >> Anyway, the fix you provided for the first bug I opened (about a
> > > >> month
> > > >> ago) would really help me with RTL TextInput components.
> > > >>
> > > >> As for the current issue, I can manage without a fix, although it
> > > >> doesn't seem to be very complicated.
> > > >>
> > > >>
> > > >>
> > > >> You are invited to review the latest multilingual application I
> > > >> developed using Flex.
> > > >>
> > > >> iOS Version (currently for iPad only) -
> > > >>
> > > >>
> > > >> https://itunes.apple.com/il/app/prolog-digital-edition-cross/id71
> > > >> 89
> > > >> 85
> > > >> 854?mt=8
> > > >>
> > > >>
> > > >>
> > > >> Desktop version -
> > > >>
> > > >> http://www.speakit.tv/en-US/Text-About
> > > >>
> > > >>
> > > >>
> > > >> Thanks,
> > > >>
> > > >> Ori
> > > >>
> > > >>
> > > >>
> > > >>
> > > >>
> > > >> On Sun, Mar 23, 2014 at 9:52 PM, Maurice Amsellem <
> > > >> maurice.amsellem@systar.com> wrote:
> > > >>
> > > >> > Hi Ori, after investigating a little, it seems that RTL is not
> > > >> > supported in Flex mobile apps:
> > > >> >
> > > >> > http://help.adobe.com/en_US/flex/mobileapps/WS19f279b149e7481c6
> > > >> > 98
> > > >> > e8
> > > >> > 571
> > > >> > 2b3011fe73-7fff.html#WS19f279b149e7481c7c94ce7c12b30152f48-7ffc
> > > >> > Specs:
> > > >> > http://sourceforge.net/adobe/flexsdk/wiki/Mobile%20Text%20Compo
> > > >> > ne
> > > >> > nt
> > > >> > s
> > > >> >  >
> > > >> > http://help.adobe.com/en_US/flex/using/WS02f7d8d4857b1677-165a0
> > > >> > 4e
> > > >> > 11
> > > >> > 269
> > > >> > 51a2d98-7ffe.html
> > > >> > >
> > > >> > http://help.adobe.com/en_US/flex/using/WS02f7d8d4857b1677-165a0
> > > >> > 4e
> > > >> > 11
> > > >> > 269
> > > >> > 51a2d98-7ffd.html
> > > >> >
> > > >> > This is because for performance reasons, mobile apps use
> > > >> > TextField and subclasses, which do not support bidi, wherease
> > FTE/TFL does.
> > > >> >
> > > >> > However, doing some more tests shows that RTL alphabets (Arabic
> > > >> > or
> > > >> > Hebrew) can actually be displayed, but RTL layout is not
> supported.
> > > >> >
> > > >> > This is to say that it's not just a problem with TextInput
> > > >> > prompt
> > > text.
> > > >> > It's the whole thing that is not working.
> > > >> >
> > > >> > Do you get the same behavior in your app?
> > > >> >
> > > >> > That being said, I think RTL support in mobile apps could be
> > > >> > fixed, but it requires some work.
> > > >> >
> > > >> > You could open a "New feature" JIRA on that (Support for RTL
> > > >> > layout in mobile app) and vote on it.
> > > >> >
> > > >> > Maurice
> > > >> >
> > > >> > -----Message d'origine-----
> > > >> > De : Ori 007 [mailto:ori007@gmail.com] Envoyé : vendredi 21
> > > >> > mars
> > > >> > 2014
> > > >> > 22:02 À : users@flex.apache.org Objet : Re: No Prompt in
> > > >> > TextInput when layoutDirection set to RTL (Mobile)
> > > >> >
> > > >> > Jira:
> > > >> > https://issues.apache.org/jira/browse/FLEX-34181
> > > >> >
> > > >> > Thanks.
> > > >> >
> > > >> >
> > > >> > On Fri, Mar 21, 2014 at 10:54 PM, Maurice Amsellem <
> > > >> > maurice.amsellem@systar.com> wrote:
> > > >> >
> > > >> > > Ori, I have reproduced the issue. Could you please create a
> > > >> > > JIRA ticket, as this is something new.
> > > >> > >
> > > >> > > Note that both ScrollingStageTextInputSkin and
> > > >> > > StageTextInputSkin are impacted (same code) but TextInputSkin
> > also has the issue.
> > > >> > >
> > > >> > > Maurice
> > > >> > >
> > > >> > > -----Message d'origine-----
> > > >> > > De : Ori 007 [mailto:ori007@gmail.com] Envoyé : vendredi 21
> > > >> > > mars
> > > >> > > 2014
> > > >> > > 10:14 À : users@flex.apache.org Objet : No Prompt in
> > > >> > > TextInput when layoutDirection set to RTL (Mobile)
> > > >> > >
> > > >> > > Hi Maurice,
> > > >> > >
> > > >> > > How are you?
> > > >> > >
> > > >> > > I have a serious bug that I can not find a solution.
> > > >> > > When layoutDirection set to RTL to Textinput the prompt text
> > > >> > > does not appear.
> > > >> > >
> > > >> > > In LTR it's works fine.
> > > >> > >
> > > >> > > Do you have any advice or quick fix to the problem?
> > > >> > >
> > > >> > >
> > > >> > > Code Example:
> > > >> > > <?xml version="1.0" encoding="utf-8"?> <s:Application
> > > >> > > xmlns:fx="http://ns.adobe.com/mxml/2009"
> > > >> > >    xmlns:s="library://ns.adobe.com/flex/spark"
> > > >> > > applicationDPI="160"> <s:TextInput prompt="Ori"
> > > >> > > layoutDirection="ltr"/>  <s:TextInput prompt="Ori"
> > > >> > > layoutDirection="rtl" top="50"/> </s:Application>
> > > >> > >
> > > >> > > Screenshot:
> > > >> > > http://screencast.com/t/HjNAd7PQaVG
> > > >> > >
> > > >> > > Regards,
> > > >> > > Ori.
> > > >> > >
> > > >> >
> > > >>
> > > >
> > > >
> > >
> >
>