2011-07-25 2 views
0

플렉스 폼 컴포넌트 월드에 처음 들어가면 몇 분 만에 멋진 모양을 만드는 것이 매우 쉽다는 것을 알게되었습니다.플렉스 4.5, 폼 헬프 콘텐 트 정렬 어긋남

그러나 각 양식 구성 요소에 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

양식 항목에 폭 속성을 추가하지 마시고 그 항목이 작동하는지 확인해보십시오. 위치 설정이없는 매우 간단한 예제를 시도해 보았지만 정상적으로 작동했습니다.

+0

이것은 매력으로 작용했습니다! 감사! – Mortana