title: Dynamically adding scrollbar to flex component
body: <p>I have been stuck on this for far too long. I think it's simple so I must be misunderstanding something. Any help/pointers is appreciated.</p>
  
  <p>I have a spark form components laid out like</p>
  
  <p>label1:   textbox1<br>
  label2:   textbox2
  label3:   textbox3 etc</p>
  
  <p>I want these to display across the full width of my flash app. When I shrink the width of the flash player I want a scrollbar to appear. At the moment no scroll bar is appearing. </p>
  
  <p>My code is:</p>
  
  <pre><code>&lt;s:layout&gt;
      &lt;s:VerticalLayout horizontalAlign="left" paddingTop="10" paddingBottom="10"/&gt;
  &lt;/s:layout&gt;
  
  &lt;s:BorderContainer borderVisible="false"&gt;
      &lt;s:layout&gt;
          &lt;s:HorizontalLayout/&gt;
      &lt;/s:layout&gt;
      &lt;s:Form id="custAccountForm" height="100%"&gt;
          &lt;s:layout&gt;
              &lt;s:FormLayout gap="-10" paddingLeft="-15" paddingRight="-45"/&gt;
          &lt;/s:layout&gt;
          &lt;s:FormHeading label="Customer/Account Details"/&gt;
          &lt;s:FormItem label="CustomerName"&gt;
              &lt;s:TextInput width="100%"/&gt;
          &lt;/s:FormItem&gt;
          &lt;s:FormItem label="Account"&gt;
              &lt;s:TextInput width="100%"/&gt;
          &lt;/s:FormItem&gt;
          &lt;s:FormItem label="Currency"&gt;
              &lt;s:ComboBox id="currencyCB" width="100%"/&gt;
          &lt;/s:FormItem&gt;
          &lt;s:FormItem label="Account Balance"&gt;
              &lt;s:TextInput width="100%" maxChars="24"/&gt;
          &lt;/s:FormItem&gt;
      &lt;/s:Form&gt;
  &lt;/s:BorderContainer&gt;
  </code></pre>
  
  <p>How do I get a vertical/horizontal scroll bar on this to only appear when the application is smaller that the form.</p>
  
  <p>Thanks</p>