TextInput restrictions as spark/mx. TextInput

Similar Questions

• TextInput restrict bug on iOS

  Hello

  I have a textinput limited to '0-9' (per textInput.restrict). On android, it works. The office, it works. On iOS emulator flex, it works. On a real iPad, I can type any character in the field.

  I can't find information on this parameter not supported on iOS, so it's probably a bug. Have you noticed this problem? I could probably code a workaround to the onChange event solution, but it should be difficult, or the less documented.

  In addition, it would be nice to have a function to change the softKeyboard layout (native applications can trigger a keyboard with numbers only for example).

  Post edited by: Rangora (more details)

  Hello

  I'm sorry you are facing this problem. This issue is known and will be corrected in the next major release of AIR.

  Thank you

  Samia

• Customization of Spark TextInput

  I am creating a custom converter of element TextInput:

  package
  {
  Import spark.components.Grid;
  Import spark.components.TextInput;
  Import spark.components.gridClasses.GridColumn;
  Import spark.components.gridClasses.IGridItemRenderer;
  
  public class gridTextInput extends TextInput implements IGridItemRenderer
  {
  public void gridTextInput()
  {
  Super();
  setStyle ("borderVisible", false);
  }

  ......

  When I run my code rendering still has a border. What is wrong with my code?

  Thank you

  Works for me. Do you mean the grid lines? or the actual border of the TextInput? What happens if you set to true borderVisible?

  A solution would be to reskin the TextInput and remove the border.

  -Kevin

• How to change the color of disabled text in spark TextInput?

  Hi guys,.

  Disabled by default for spark TextInput text color is too light. It is difficult to see. So I want to make it a little dark.

  The s:TextInput is placed inside the mx:Form or s:Group in fact, and I put the container for people with reduced mobility.

  I tried with TextInputSkin, but without success.

  Thanks in advance,

  Cheng Wei

  You can try to change the Group disabledAlpha style:

  http://ns.Adobe.com/MXML/2009.
  xmlns:s = "library://ns.adobe.com/flex/spark" >

  
     
     
         
     
     
     
         
     
      
  

• Spark TextInput text highlight color (or the manufacturing of spark and mx components alike)

  I use a mixture of spark and mx components. Really, I use only the spark, but I need dateField components too, and these are just the spark. The question that I have is to have a common look between components and this isn't quite the case when it comes to highlight the text in a textInput (DateField, NumericStepper or or ComboBox, etc.). Default components to blacks and nail fonts sparks bluish. Default MX black on white to white on black to selected and unselected.

  I looked around for hours and sort of up to mx look like spark, even if I like the spark look much better (although that would like to hear if something new has come with flex 4 for this). I assumed that at least making resemble spark mx would be easy. But is it?

  I know how to change the color for the highlight (i.e. the substantive part) using focusedTextSelectionColor. What I can't find is the same for fonts, i.e. something like focusedSelectedFontColor. But I don't know that there is. It must, right?

  Anyway, would love the pointers that you can save.

  Thank you!

  f

  You can use FTEText in MX components.  You can use the mock datefield

  my blog

  --

  Alex Harui

  Flex SDK Team

  Adobe System, Inc..

  http://blogs.Adobe.com/aharui

• Change the highlight color for text in Spark TextInput

  Hello

  As the title says, someone knows how to change the highlight color in a TextInput spark? By the "highlight color" I mean that some of the text is selected if the background color of the selected text.

  Thank you.

  SetStyle ("focusedTextSelectionColor",...)

  There are also unfocusedTextSelectionColor and inactiveTextSelectionColor

  styles.

• Police style in Spark TextInput control

  Hello!

  How I can do as the title suggests it please?

  I can do it without using a customized appearance because I want to be able to modify programmatically the fontColor and fontStyle.

  Thank you!

  You can do this very easily with spark textinput too. Pls check below and let me know if you have any problem.

  
  http://ns.Adobe.com/MXML/2009.
  xmlns:s = "library://ns.adobe.com/flex/spark".
  xmlns:MX = "library://ns.adobe.com/flex/mx" minWidth = "955" = "600" minHeight >
     
         
     
     
          Import mx.collections.ArrayCollection;
             
  [Bindable]
  private var acFontSizes: ArrayCollection = new ArrayCollection([) collection
  {fontSize: '12'},
  {fontSize: '16'},
  {fontSize: '20'},
  {fontSize: '24'},
  {fontSize: '28'},
  {fontSize: '32'},
  {fontSize: "36 '},
  {fontSize: '40'},
  {fontSize: '44'}
  ]);
  ]]>
     
     
             
             
                 
                 
             
             
                 
                 
             
     
  

  with respect,

  Mayeul singh Bartwal

• Flex 4: spark textinput 'value data' not found?

  I have a textinput itemrenderer that Im trying to port for Flex 4. This control colors the background according to the value of the text.

  Two questions:

  (1) conversion for "spark" as a theme seems to be the substitution of the background color and given them to a default value.

  (2) in addition - conversion in "spark.controls.textinput" as the base class removes "override public set data() ' in function.

  If I'm not clear how this port control. Can I continue to use mx.controls. * and 'halo', but it seems that the device port at all.

  Suggestions?

  The spark controls do not have the itemrenderer feature in so that they can

  be a little less heavy.  I would give just a TextInput in an ItemRenderer.  See

  the doc and examples on Spark ItemRenderers.

• Flex4 embed fonts for a spark textInput does not

  I can get the built-in fonts to work with mx:labels, but not for textInputs candles. any ideas? the component code:

  <?xml version="1.0" encoding="utf-8"?>
  <s:Group xmlns:fx="http://ns.adobe.com/mxml/2009" 
       xmlns:s="library://ns.adobe.com/flex/spark" 
       xmlns:mx="library://ns.adobe.com/flex/halo"
       width="275" height="107" xmlns:local="*"
       initialize="group1_initializeHandler(event)">
       <s:layout>
            <s:BasicLayout/>
       </s:layout>
       <fx:Style>
       @namespace components "components.*";
       @namespace mx "library://ns.adobe.com/flex/halo";
       @namespace p "*";
       @namespace s "library://ns.adobe.com/flex/spark";
            
       @font-face {
          src:url("../fonts/verdanab.ttf");
               fontFamily: verdanaBold;
               advancedAntiAliasing: true;
               fontWeight: Bold;
               unicodeRange:
                  U+0041-005A, /* Upper-Case [A..Z] */
                  U+0061-007A, /* Lower-Case a-z */
                  U+0030-0039, /* Numbers [0..9] */
                  U+002E-002E, /* Period [.] */
                  U+002D-002D, /*  [-] */
                  U+0040-0040; /*  [@] */
            }
            
            @font-face {
             src:url("../fonts/verdanab.ttf");
               fontFamily: verdanaBoldSpark;
               advancedAntiAliasing: true;
               fontWeight: Bold;
               cff: true;
               unicodeRange:
                  U+0041-005A, /* Upper-Case [A..Z] */
                  U+0061-007A, /* Lower-Case a-z */
                  U+0030-0039, /* Numbers [0..9] */
                  U+002E-002E, /* Period [.] */
                  U+002D-002D, /*  [-] */
                  U+0040-0040; /*  [@] */
            }
            
            .myBold {
               fontSize: 12;
               fontFamily: verdanaBold;
                   fontWeight: bold;
            }
            
            .myBoldSpark {
               fontSize: 12;
               fontFamily: verdanaBoldSpark;
                   fontWeight: bold;
            }
       
       
       </fx:Style>
       <s:Group id="front">
            <local:MailingListFront/>
            <mx:Label x="10" y="34" text="first name" styleName="myBold"/>
            <s:TextInput id="fname" width="81" x="10" y="52" styleName="myBoldSpark" />
            <mx:Label x="95" y="34" text="last name" styleName="myBold"/>
            <s:TextInput  id="lname" width="81" x="95" y="52" styleName="myBoldSpark"/>
            <mx:Label x="10" y="77" text="email" styleName="myBold"/>
            <s:TextInput id="email" width="167" x="10" y="95" styleName="myBoldSpark"/>
            <mx:Label x="181" y="77" text="zip" styleName="myBold"/>
            <s:TextInput id="zip" width="48" x="181" y="95" styleName="myBoldSpark"/>
            <local:SubmitButton id="submit_maillist" x="235" y="86" />
       </s:Group>
       <local:MailingListBack id="back" visible="false"/>      
  
  </s:Group>
  

  According to which build, the name of the "cff" property changed to "embedAsCFF.

  Alex Harui

  Flex SDK Developer

  Adobe Systems Inc..

  Blog: http://blogs.adobe.com/aharui

• TextInput restrict the attribute: allow two email addresses?

  Hey all!

  I have a textinput field that should be able to hold and to validate either:

  (1) an address; or

  (2) two addresses of email, separated by a comma

  This is the code I use:

  < mx:TextInput id = "user" color = "0x000000" creationCompleteEffect = '{sequenceEffect}' restrict = "" a - z A - z 0-9 ' \ - @. ' keyDown = "enter_button (event)" / > "

  This works perfectly for an email address, but this is what happens when I type in two:

  

  Y at - there no way to make the TextInput 'restrict' attribute one OR two @ symbols (and not just limit it to one)?

  If it does not exist, how can I use a regular expression instead of restricting to accomplish this?  (I can write the template - I don't know how to get TextInput use it restrict how it uses).

  Thank you, all

  -Katherine

  It seems that you use standard mx:EmailValidator out of the box.

  But your idea requires a class of custom, validator that can be built on top of the standard a substitution of doValidation() method, first you need to split an input string by ',' and go on every e-mail to super.doValidation (). Once you are done with the custom class assign it to the input box.

  BTW: you must use restrict the attribute restrict = "" a - z A - z 0-9 ' \ - @., ', just re - use the existing capacities of EmailValidator. "

  If you think this message responds to your question or assistance, please mark respectively

• Restrict a TextInput to accept only numbers from 0 to 250

  I want to restrict a TextInput to accept only numbers from 0 to 250. I know that I can use limit to a certain extent, but all I can do is limit to 0-9 and use maxChars to 3 that allows any number from 000 to 999.
  
  I think I could use the TextEvent.TEXT_INPUT and then write the code that will convert the text of the event (i.e., the text entered in the textInput component, before it is actually added to the text of the textInput component value) such that I allow not values greater than 250, but I'm not sure of what would be the code. Does anyone know an easier way to do this?

  Use the change event to monitor the input value and if it is greater than 250 (after tapping the property text as a number), assign the property of text to be "250".

• Incorporating the .ttf fonts in Spark TextInput 'invites '?

  That's what I have:

  Main.MXML:

  <fx:Style source="Main.css"/>
      <s:TextInput x="72" y="95" focusColor="#CECB02" prompt="E-mail: "
               skinClass="components.TextInputSkin"/>
  

  TextInputSkin.mxml:

   <s:RichText id="promptDisplay" includeIn="disabledWithPrompt,normalWithPrompt" x="10" y="7"
          color="#666666" fontFamily="Acens" fontSize="15" trackingRight="1"
          color.normalWithPrompt="#333333"/>
      <s:RichEditableText id="textDisplay" d:userLabel="Text Display" x="10" y="7" width="230"
          fontFamily="Acens" fontSize="15" heightInLines="1"
          width.normal="282" color.normal="#999999"
          tabStops.normal="S0 S50 S100 S150 S200" trackingRight.normal="1"/>
  

  Main.CSS

  @font-face
  {
      fontFamily: Acens;
      src: url("C:\WINDOWS\Fonts\Acens.ttf");
      embedAsCFF: true;
  }
  

  So, the 'promptDisplay' in a computer (online) that does not installed "Acens.ttf" shows that predefined, but the text of the inscription is shown correctly with the embeded font! Any explanation/solution for it!

  Thank you ;-)

  Is the prompt to set up to show the italic or bold?  If so, you need to incorporate italic or bold version as well.

• A new spark ComboBox item does not appear in textInput?

  I played with s:ComboBox and generally like them a lot. A detail is driving me crazy if is - most likely due to my lack of knowledge in this matter - that if I try to add a new item to my dataprovider in a changeHandler (recorded for the change event) the text for the ComboBox, textInput disappears - while adding item works perfectly. Interestingly enough the same operation works very well if it is called by clicking on a button, that is after the change event has been processed and the text does not disappear. To better understand what I'm talking about check out the code of http://help.adobe.com/en_US/flex/using/WS70f0d54f063b9b081aac8d1d1247252e4a0-8000.html#WS7 0f0d54f063b9b08626480d2124725f692c-7fff

  try to add a new item and press ENTER. Taking the same code of myCB_changeHandler and to use it as a button click event instead of a change event handler gives the behavior that I'm looking, i.e. the new element appears in the field of textInput CB and when clicking on the button added to the data provider while does not disappear from the textInput. Is there a way to accomplish this same behavior in the change event handler?

  Thank you!

  f

  Try callLater to postpone adding the item.

• Cannot change limit property of the TextInput via ActionScript

  Please tell me why this doesn't work, or suggest a work around.

  This example of debugging must change the TextInput to allow a dash when the box is checked, Yes?

  <? XML version = "1.0" encoding = "utf-8"? >
  " < = xmlns:fx s:Application ' http://ns.Adobe.com/MXML/2009 "
  xmlns:s = "library://ns.adobe.com/flex/spark".
  xmlns:MX = "library://ns.adobe.com/flex/mx" minWidth = "955" = "600" minHeight >

  < fx:Script >
  <! [CDATA]
  public function chkClicked (): void {}
  {if (CHK1. Selected)}
  trace ("box checked, allow-");
  TI1. Restrict = "0-9. \- » ;
  }
  else {}
  trace ("box unchecked, reject-'");
  TI1. Restrict = "0-9";
  }
  }
  []] >
  < / fx:Script >
  
  < mx:VBox >
  < s:CheckBox id = "chk1" click = "chkClicked ()" / > "
  < s:TextInput id = 'ti1' width = "60" limit = "0-9" / >
  < / mx:VBox >

  < / s:Application >

  Each of the restrict strings will work when it is applied directly as an mxml attribute.

  Thank you

  Al

  You must ESCAPE from the dashboard.

  Try.

  {if (CHK1. Selected)}
  trace ("box checked, allow-");
  TI1. Restrict = "0-9. \\- » ;
  }

  If this post was helpful please mark it as such.

  Post edited by: UbuntuPenguin

• Refusing to spaces in TextInput?

  Is this possible? I want to prevent users from being able to enter spaces in a text input in my application.

  Use the restrict property:

  Work for the two s:TextInput spark in Flex 4 and MX/Halo mx:TextInput in Flex 3 + (and probably earlier). Or if you only want to allow a digital text input, check out http://blog.flexexamples.com/2008/05/15/restricting-which-characters-a-user-can-type-in-a-textinput-contr ole in flex /.

  Peter