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/06/13 22:04:23 UTC

TextInput - no soft keyboard in iOS

Hey Apache friends, 


I'm a little perplexed on this issue I am having. The ultimate goal is to
have square corners on a textinput box in a mobile flex project using Flex
4.12.1 and AIR 13. 

I have a typical spark textinput box that uses spark.components.textInput 
(<s:TextInput>) -  works fine 

But when I add a skinclass of 
     [HostComponent("spark.components.TextInput")] 
 for my host component in an MXML spark skin I achieve my rectangular input
box but lose the keyboard in iOS - works fine in android. 

I tried a basic project doing the same hostcomponent as my skin and had the
same results. 

Any ideas on why this is and is there a way to make this work? 

Thanks, 
Jonathan 




--
View this message in context: http://apache-flex-users.2333346.n4.nabble.com/TextInput-no-soft-keyboard-in-iOS-tp6844.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.

Re: TextInput - no soft keyboard in iOS

Posted by Alex Harui <ah...@adobe.com>.
Are you sure you are using the right text entry widget in your skin?

On 6/13/14 1:04 PM, "Jonathan Christian" <jc...@gmail.com>
wrote:

>Hey Apache friends,
>
>
>I'm a little perplexed on this issue I am having. The ultimate goal is to
>have square corners on a textinput box in a mobile flex project using Flex
>4.12.1 and AIR 13.
>
>I have a typical spark textinput box that uses spark.components.textInput
>(<s:TextInput>) -  works fine
>
>But when I add a skinclass of
>     [HostComponent("spark.components.TextInput")]
> for my host component in an MXML spark skin I achieve my rectangular
>input
>box but lose the keyboard in iOS - works fine in android.
>
>I tried a basic project doing the same hostcomponent as my skin and had
>the
>same results. 
>
>Any ideas on why this is and is there a way to make this work?
>
>Thanks, 
>Jonathan 
>
>
>
>
>--
>View this message in context:
>http://apache-flex-users.2333346.n4.nabble.com/TextInput-no-soft-keyboard-
>in-iOS-tp6844.html
>Sent from the Apache Flex Users mailing list archive at Nabble.com.


RE: TextInput - no soft keyboard in iOS

Posted by Jonathan Christian <jc...@gmail.com>.
Thanks Maurice, saved me again!


I'm setting  borderVisible="false"  because it will go back to rounded
corners if I set it to true, can I set up a border using the modified
spark.skins.mobile.ScrollingStageTextInputSkin ?



public function MySquareTextInputSkin() 
    { 
        super(); 
       layoutCornerEllipseSize = 0; 
      layoutBorderSize = 3;
    } 



--
View this message in context: http://apache-flex-users.2333346.n4.nabble.com/TextInput-no-soft-keyboard-in-iOS-tp6844p6851.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.

RE: TextInput - no soft keyboard in iOS

Posted by Jonathan Christian <jc...@gmail.com>.
Shouldn't the font in the textinput be centered?


<http://apache-flex-users.2333346.n4.nabble.com/file/n6852/Capture.png> 



--
View this message in context: http://apache-flex-users.2333346.n4.nabble.com/TextInput-no-soft-keyboard-in-iOS-tp6844p6852.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.

RE: TextInput - no soft keyboard in iOS

Posted by Jonathan Christian <jc...@gmail.com>.
Should the text be centered in the textinput box?


<http://apache-flex-users.2333346.n4.nabble.com/file/n6854/Capture.png> 



--
View this message in context: http://apache-flex-users.2333346.n4.nabble.com/TextInput-no-soft-keyboard-in-iOS-tp6844p6854.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.

RE: TextInput - no soft keyboard in iOS

Posted by Maurice Amsellem <ma...@systar.com>.
Hi Jonathan,

The default skin has a configurable corner radius, that you can change to draw square corners.

Derive your skin from spark.skins.mobile.ScrollingStageTextInputSkin and set the corner radius to 0 in the constructor like this:

public function MySquareTextInputSkin()
    {
        super();
       layoutCornerEllipseSize = 0;
    }

Check the sources in the SDK for more details.

Regards,

Maurice 

-----Message d'origine-----
De : Greg Dove [mailto:greg.dove@gmail.com] 
Envoyé : vendredi 13 juin 2014 22:34
À : users@flex.apache.org
Objet : Re: TextInput - no soft keyboard in iOS

You might need to ensure that you have the skin based on spark.skins.mobile.TextInputSkin for iOS instead of spark.skins.spark.TextInputSkin

I know I had similar problems with iOS in the past.




On Sat, Jun 14, 2014 at 8:04 AM, Jonathan Christian < jcisinthehouse21@gmail.com> wrote:

> Hey Apache friends,
>
>
> I'm a little perplexed on this issue I am having. The ultimate goal is 
> to have square corners on a textinput box in a mobile flex project 
> using Flex
> 4.12.1 and AIR 13.
>
> I have a typical spark textinput box that uses 
> spark.components.textInput
> (<s:TextInput>) -  works fine
>
> But when I add a skinclass of
>      [HostComponent("spark.components.TextInput")]
>  for my host component in an MXML spark skin I achieve my rectangular 
> input box but lose the keyboard in iOS - works fine in android.
>
> I tried a basic project doing the same hostcomponent as my skin and 
> had the same results.
>
> Any ideas on why this is and is there a way to make this work?
>
> Thanks,
> Jonathan
>
>
>
>
> --
> View this message in context:
> http://apache-flex-users.2333346.n4.nabble.com/TextInput-no-soft-keybo
> ard-in-iOS-tp6844.html Sent from the Apache Flex Users mailing list 
> archive at Nabble.com.
>

Re: TextInput - no soft keyboard in iOS

Posted by Greg Dove <gr...@gmail.com>.
You might need to ensure that you have the skin based
on spark.skins.mobile.TextInputSkin for iOS instead
of spark.skins.spark.TextInputSkin

I know I had similar problems with iOS in the past.




On Sat, Jun 14, 2014 at 8:04 AM, Jonathan Christian <
jcisinthehouse21@gmail.com> wrote:

> Hey Apache friends,
>
>
> I'm a little perplexed on this issue I am having. The ultimate goal is to
> have square corners on a textinput box in a mobile flex project using Flex
> 4.12.1 and AIR 13.
>
> I have a typical spark textinput box that uses spark.components.textInput
> (<s:TextInput>) -  works fine
>
> But when I add a skinclass of
>      [HostComponent("spark.components.TextInput")]
>  for my host component in an MXML spark skin I achieve my rectangular input
> box but lose the keyboard in iOS - works fine in android.
>
> I tried a basic project doing the same hostcomponent as my skin and had the
> same results.
>
> Any ideas on why this is and is there a way to make this work?
>
> Thanks,
> Jonathan
>
>
>
>
> --
> View this message in context:
> http://apache-flex-users.2333346.n4.nabble.com/TextInput-no-soft-keyboard-in-iOS-tp6844.html
> Sent from the Apache Flex Users mailing list archive at Nabble.com.
>