[flexcoders] FormItem adds extra space on the left . . .

[crumpelfungus]

Does anyone know how to control the space within a FormItem?

If I have a FormItem and then add a RadioButton (or any other control
for that matter), I always get a bunch of extra space to the left of the
control.

That space cannot be influenced or manipulated with any of the available
style settings for either the control or the FormItem.

My problem is that I have to mimick an existing GUI, and for the purpose
I would like to be able to figure this out.

Any ideas how to get rid of that extra space?




I've tried paddingLeft of the container (Form) and the FormItem and the
control, but so far no luck.


[. . . code snippet . . .]

<mx:Form width="100%" paddingTop="0" paddingLeft="0">

   <mx:RadioButton label="I agree" width="175" paddingLeft="2"/>

   <mx:FormItem horizontalAlign="left"
   labelWidth="0"
   paddingLeft="0"
   borderThickness="0"
   left="0"
   id="formitem2">
     <mx:RadioButton label="I disagree"
      width="175"
      paddingLeft="0"
      paddingBottom="0"
      paddingRight="0"
      paddingTop="0"
      left="0"
      id="radiobutton1"/>
   </mx:FormItem>

   <mx:FormItem>
      <mx:LinkButton id="disagreeTextLink"
      label="View the attached document"
      fontWeight="normal"
      width="175"
      paddingLeft="0"/>
   </mx:FormItem>

</mx:Form>