フレックス4.5、フォームのヘルプコンテンツの整列がぼやけた

Question

初めてフレックスフォームコンポーネントの世界に入ると、 私は気づいたことが分かりました。

しかし、私は各フォームコンポーネントに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％の絶対値にフォームのサイズを大きくする、のいずれか助けていません。

Answer 1

あなたのフォームアイテムに幅プロパティを追加しないでください。それが機能するかどうかを確認してください。私は位置の設定がない非常に単純な例を試してみましたが、うまくいきました。