If I take out the div and set the height to 100% and set swfobject to embed to the form, this is what happens (Chrome) browser:
[image: Inline image 1] Notice the bottom of the images gets cut off (sort of like only 15-20% of the height is getting displayed properly. Not sure what you meant by standard html template. I am embedding it in in aspx page as the application communicates through WCF. Thanks. On Wed, Nov 27, 2013 at 2:50 PM, Alex Harui <[email protected]> wrote: > What happens if you use the standard html template? > > What happens if you take the div out of the form? > > -Alex > > On 11/27/13 11:37 AM, "Angelo Anolin" <[email protected]> wrote: > > >When I set the height to 100%, the flex application gets cut (only a the > >top 10% of the application is visible).. > > > > > >On Wed, Nov 27, 2013 at 12:38 AM, Alex Harui <[email protected]> wrote: > > > >> Doesn't look like height is being set to 100% to me. > >> > >> -Alex > >> > >> On 11/26/13 10:56 PM, "Angelo Anolin" <[email protected]> wrote: > >> > >> >This question may seem pretty trivial, but when I embed my flex > >> >application > >> >in an aspx page, if I set the height to 100%, the height seems to scale > >> >down to like 10% > >> > > >> >Here's my aspx page. > >> > > >> ><%@ Page Language="vb" AutoEventWireup="false" > >> >CodeBehind="Default.aspx.vb" > >> >Inherits="FlexApp._Default" %> > >> > > >> ><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " > >> >http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> > >> > > >> ><html xmlns="http://www.w3.org/1999/xhtml";> > >> ><head id="Head1" runat="server"> > >> > <script type="text/javascript" src="Scripts/swfobject.js"></script> > >> > <script type="text/javascript"> > >> > var randomString = "swf/Main.swf?guid=" + rnd(); > >> > var screenHeight = screen.height / 1.35; > >> > > >> > swfobject.embedSWF(randomString, "myContent", "100%", > >> >screenHeight, > >> >"9.0.0", "swf/expressInstall.swf"); > >> > > >> > function rnd() { > >> > return String((new Date()).getTime()).replace(/\D/gi, '') > >> > } > >> > </script> > >> > <title>Flex</title> > >> > <style type="text/css"> > >> > .style1 > >> > { > >> > font-family: Verdana; > >> > font-size: large; > >> > } > >> > </style> > >> ></head> > >> ><body> > >> > <form id="form1" runat="server"> > >> > <div id="myContent" style="border:solid"> > >> > </div> > >> > </form> > >> ></body> > >> ></html> > >> > > >> > > >> >Appreciate any insight as to why this may be happening? Pretty much, I > >> >just > >> >want a Flex application that occupies the whole screen of the browser > >>(and > >> >resizes accordingly.). > >> > > >> >Thanks. > >> > >> > >
