1 Reply Latest reply on Sep 17, 2010 10:54 AM by Flex harUI

    Tab Order not working when radio button is selected

    SrinivasFlex

      Hello ,

      The focus from one component to another component is working fine when hitting the tab key if the radio button is not set to selected=true. when i set the seelcted = true for any radio button, then tab order is not working and its beahving weird.

      My Flex application code is as follows. remove the selected=true from the below code for radio button 1, then the tab order will be fine. Can some one tell me what i am doing wrong here. Many Thanks in advance.

      <?xml version="1.0" encoding="utf-8"?>
      <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="absolute">
      <mx:VBox width="100%" height="100%"
                      paddingTop="5" paddingRight="5" paddingBottom="5" paddingLeft="5">

      <mx:Form id="formMainContainer" width="100%" verticalGap="5" labelWidth="200"
        paddingTop="0" paddingRight="0" paddingBottom="0"
        paddingLeft="0" height="262">

              <mx:RadioButtonGroup id="radioGroup" />

        <mx:FormItem label="Field 1">
                      <mx:HBox>
                              <mx:TextInput id="text1" />
                        <mx:RadioButton groupName="radioGroup" selected="true"/>
                      </mx:HBox>
              </mx:FormItem>
       
        <mx:FormItem label="Field 2">
        <mx:HBox>
        <mx:TextInput id="text2"/>
        <mx:RadioButton groupName="radioGroup"/>
        </mx:HBox>
        </mx:FormItem>
       
              <mx:FormItem label="Field 3">
                      <mx:HBox>
                              <mx:TextInput id="text3"/>
                              <mx:RadioButton groupName="radioGroup"/>
                      </mx:HBox>
              </mx:FormItem>
       
        <mx:FormItem>
        <mx:Button label="Search"/>
        </mx:FormItem>

      </mx:Form>
      </mx:VBox>
      </mx:Application>