2011-07-25 74 views
0

當第一次進入Flex表單組件的世界時,我發現在幾分鐘內創建漂亮的表單非常容易。Flex 4.5,對齊表單helpcontent搞砸了

但是,當我向每個表單組件提供了一個helpcontent組件時,我的formlayout被搞亂了。 helpcontent覆蓋了我的表單組件,我嘗試了所有的東西,但我無法讓它按照它的方式對齊。

這裏有一個畫面: http://gyazo.com/7363fb80c70340e029e41165b36bed2c.png

這裏是代碼:

<?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="100%" height="100%"> 

    <s:Group width="100%" height="100%" left="10" right="10" top="10" bottom="10"> 
     <s:VGroup width="100%" height="100%"> 
      <s:HGroup width="100%" height="50%"> 
       <s:Form width="75%"> 
        <s:layout> 
         <s:FormLayout/> 
        </s:layout> 
        <s:FormHeading label="Filter (Optioneel)" /> 
        <s:FormItem label="Naam:" width="100%"> 
         <s:TextInput id="txtName" width="200"/> 
         <s:helpContent> 
          <s:Label x="0" y="0" paddingLeft="0" paddingRight="0" 
            text="Vul hier een naam in, dit mag een deel zijn."/> 
         </s:helpContent> 
        </s:FormItem> 
        <s:FormItem label="Datum vanaf:" width="100%"> 
         <mx:DateField id="dtFrom" width="200"/> 
         <s:helpContent> 
          <s:Label text="Kies hier een startdatum."/> 
         </s:helpContent> 
        </s:FormItem> 
        <s:FormItem label="Datum tot:" width="100%"> 
         <mx:DateField id="dtTo" width="200"/> 
         <s:helpContent> 
          <s:Label text="Kies hier een einddatum."/> 
         </s:helpContent> 
        </s:FormItem> 
       </s:Form> 

      </s:HGroup> 
      <s:Panel width="100%" height="100%"> 
       <mx:AdvancedDataGrid id="dgRunningQuotations" left="5" right="5" 
            top="5" bottom="25" 
            designViewDataType="flat" 
            resizableColumns="false" textAlign="right" 
            variableRowHeight="true"> 
        <mx:columns> 
         <mx:AdvancedDataGridColumn width="50" dataField="ID" 
                headerText="NR"/> 
         <mx:AdvancedDataGridColumn dataField="Name" headerText="Naam" 
                wordWrap="true"/> 
         <mx:AdvancedDataGridColumn width="100" dataField="PDate" 
                headerText="Datum"/> 
        </mx:columns> 
       </mx:AdvancedDataGrid> 
      </s:Panel> 
     </s:VGroup> 
    </s:Group> 
</s:Group> 

增加表格大小的絕對值,而不是75%,也沒有幫助。

回答

1

請不要在您的表單項目中添加width屬性,甚至可能在其中包含項目,看看是否有效。我嘗試了一個非常簡單的例子,沒有位置設置,它工作正常。

+0

這是一種魅力!謝謝! – Mortana