2 Replies Latest reply on Mar 3, 2011 2:00 AM by Jorge Raimundo

    Using tab to cycle through components

    Jorge Raimundo

      Hi all!

       

      I'm using this component that is shown as a popup by the PopUpManager:

       

      <?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/mx"
               width="250"
               height="320">
          
          <s:filters>
              <mx:DropShadowFilter alpha="0.5"/>
          </s:filters>
          
          <fx:Metadata>
              [Event(name="fechar", type="flash.events.Event")]
          </fx:Metadata>
          
          <fx:Declarations>
           ... stuff ...
          </fx:Declarations>
      
          <!---
           Graphical stuff and labels
           -->
      
          <s:TextInput id="inputNome"
                       tabIndex="1"
                       tabEnabled="true"
                       tabFocusEnabled="true"
                       x="20"
                       y="47"
                       width="211"
                       change="validatorNome.validate()"/>
      
          <s:TextInput id="inputMail"
                       tabIndex="2"
                       tabEnabled="true"
                       tabFocusEnabled="true"
                       x="19"
                       y="89"
                       width="211"
                       change="validatorMail.validate()"/>
      
          <s:TextInput id="inputTelefone"
                       tabIndex="3"
                       tabEnabled="true"
                       tabFocusEnabled="true"
                       x="19"
                       y="131"
                       width="211"
                       restrict="0-9"
                       maxChars="9"
                       change="validatorTelefone.validate()"/>
      
          <s:Button x="20"
                    y="280"
                    label="CANCELAR"
                    tabIndex="8"
                    tabEnabled="true"
                    tabFocusEnabled="true"
                    skinClass="skins.ConsusButtonSkin"
                    click="dispatchEvent(new Event('fechar'))"/>
      
          <s:Button x="178"
                    y="280"
                    label="ENVIAR"
                    tabIndex="7"
                    tabEnabled="true"
                    tabFocusEnabled="true"
                    skinClass="skins.ConsusButtonSkin"
                    enabled="{!(!telefoneValido || !mailValido || !nomeValido)}"/>
      
          <s:CheckBox id="checkVisita"
                      tabIndex="4"
                      tabEnabled="true"
                      tabFocusEnabled="true"
                      x="19"
                      y="163"
                      label="Pedido de visita"
                      color="#C1272D"/>
      
          <s:CheckBox id="checkInformacoes"
                      tabIndex="5"
                      tabEnabled="true"
                      tabFocusEnabled="true"
                      x="135"
                      y="163"
                      label="Mais informações"
                      color="#C1272D"/>
      
          <s:TextArea id="inputComentarios"
                      tabIndex="6"
                      tabEnabled="true"
                      tabFocusEnabled="true"
                      x="20"
                      y="207"
                      width="211"
                      height="60"/>
      </s:Group>
      

       

      I just can't jump from one text input to the next one using the tab key.

      What's missing?

       

      Best regards,

      Jorge