title: auto resizing the height of the views
body: <pre><code>    &lt;ScrollView id="scrollGeneric" height ='auto' visible='false'&gt;
          &lt;View id="formView" height='auto'&gt;
              &lt;View id='distSlider' top='0' height='100'&gt;
                  &lt;Label id="lblGeneric" &gt;
                      Search Distance:
                  &lt;/Label&gt;
                  &lt;Slider id="sliderDistance" top="50" min="2" max="80" width="50%"/&gt;
                  &lt;Label id="sliderDistanceText" width='auto' top="50" right="40" /&gt;
                  &lt;Label id="sliderDistanceTextMeasure" width='auto' top="50" right="10" text="km" /&gt;
              &lt;/View&gt;
          &lt;/View&gt;
      &lt;/ScrollView&gt;
  </code></pre>
  
  <p>I have set the height auto for scrollView and formView. However whenever I add more views inside of the formView the size of the window does not expand vertically with it. It will eventually crop out the views that exceed the window height. </p>
  
  <p>The only way to solve this is to manually specify the height of each view within the form view div.</p>
  
  <p>Is there anyway I can avoid doing this, thanks</p>