15 Replies Latest reply on Jul 12, 2010 4:02 AM by mortene

    resizing html components based on monitor resolution

    Cr99 Level 1

      I have an AIR app that runs in full screen mode continuously as a kiosk.  However when it is installed on computers with low resolution monitors, some of the components get chopped off and even worse, the borders sometimes only display on three sides due to these clipping issues.  How can I avoid this.  The components in question are html components and the app essentially flips through a series of web pages, reloading them after each iteration. 

       

      Here's a sample of a component:

       

      <mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" clipContent="true" backgroundAlpha="0"

      horizontalScrollPolicy="off" verticalScrollPolicy="off" hideEffect="Fade" showEffect="Fade"

      horizontalAlign="center" verticalAlign="middle" id="pan1" >

       

      <mx:HTML styleName="effectBox"  verticalScrollPolicy="off" id="html1" location="http://mydomain.com/index.html"/>

       

      </mx:VBox>

       

      // style:

      .effectBox {

      borderColor: #000000;

      borderThickness: 10;

      borderStyle: solid;

      cornerRadius: 5;

      }