0 Replies Latest reply on Aug 1, 2011 6:17 AM by isabelle loyer

    Spark form and formitem gap

    isabelle loyer

      Dear Flexer,

      I try to do a flex form for an Air application.

      As the window with form appear gap is important, but in my source code I give a minimal gap.

      See below my form:

      ***************************************
      <s:Form x="0" y="94" id="foPerso"  width="100%" height="100% >

      <s:layout>
      <s:VerticalLayout gap="0" />
      </s:layout>



      <s:HGroup verticalAlign="middle" width="100%" gap="2" >

      <s:DropDownList id="cbQualite" dataProvider="{DP_PAT_CIVIL}"/>
      <s:FormItem width="100%" label="Nom">
      <s:TextInput id="fdNom" width="150" text="Name"/>
      </s:FormItem>
      <s:FormItem width="100%" label="First Name">
      <s:TextInput id="fdPrenom" width="150"/>
      </s:FormItem>

      <s:DropDownList id="cbDossier1" dataProvider="{DP_PAT_DOS1}" width="118" height="22"/>
      <s:FormItem width="100%" label="">
      <s:TextInput id="fDossier1" width="90" />
      </s:FormItem>
      </s:HGroup>

      <s:HGroup width="100%" verticalAlign="middle">
      <s:FormItem label="Birthday" width="190">
      <mx:DateField id="dfNaissance" editable="true" formatString="DD/MM/YYYY"/>
      </s:FormItem>
      <s:RadioButton label="Masculin" group="{rbsex}"/>
      <s:RadioButton label="Féminin" group="{rbsex}"/>
      <s:Spacer width="171" height="20"/>
      <s:DropDownList id="cbDossier2" dataProvider="{DP_PAT_DOS1}" width="118" height="22"/>
      <s:FormItem width="90" label="">
      <s:TextInput id="fDossier2" width="90" />
      </s:FormItem>

      </s:HGroup>

      <s:HGroup verticalAlign="middle">
      <s:FormItem label="Qualité">
      <s:DropDownList id="cbQualiteParent"/>
      </s:FormItem>

      <s:FormItem label="Name">
      <s:TextInput id="tiNomPar" text="Parent Name"/>
      </s:FormItem>

      <s:FormItem label="First Name">
      <s:helpContent>
      <s:VGroup>
      <s:Label text="Parent First Name"></s:Label>
      </s:VGroup>
      </s:helpContent>
      <s:TextInput id="tiPrenomPAr"/>
      </s:FormItem>
      </s:HGroup>

      <s:HGroup verticalAlign="middle">
      <s:FormItem label="Default Adress" >
      <s:DropDownList id="cbAdrDef" dataProvider="{DP_PAT_ADRDEF}"/>
      </s:FormItem>

      <s:FormItem label="Adress">

      <s:TextInput id="tiAdr1" text="Adr"/>
      <s:TextInput id="tiAdr2"/>
      </s:FormItem>
      </s:HGroup>

      <s:HGroup verticalAlign="middle" width="100%">
      <s:FormItem label="ZipCode" width="65">
      <s:TextInput text="ZipCode"/>
      </s:FormItem>
      <s:FormItem label="City" width="250">
      <s:TextInput text="City"/>
      </s:FormItem>
      <s:FormItem label="Country" width="75">
      <s:TextInput text="Country"/>
      </s:FormItem>

      </s:HGroup >


      </s:VGroup>
      </s:Form>

      ***************************************

      If you have an idea to help me, I'm very happy!