Stage Shrinks in IE

I created a banner in flash catalyst and published it to a site not up yet. Recently, I noticed the banner stage changes in IE, but shows correctly in Firefox.
http://www.careermentorsllc.com/indexNew.cfm
I am not sure this is actually a catalyst issue. Does anyone have a solution?
Thank you...

Adam,
Thanks for the response. I did notice at my office it shows correctly, but on my laptop it doesn't.
The offending browser version is IE 8.06.0001.18813
The OS is Vista Ultimate.
The flash version is 10,0,22,87.
I only seem to see this on this browser. Not sure why this would occur. Any ideas?
Thank you,
Mike

Similar Messages

Stage Height/Width Issue

I am writing a piece of code that basically says if a certain MC reaches a ypos of -50 to perform a set of actions:
EXAMPLE CODE
if(balloon.clip.y <= topBounds)
                //actions here
But for some reason it wasn't recognizing when the MC would reach the specified ypos. I did a simple trace statement of the stage height and width because I suspected something was off with the script reading x and y positions. And sure enough the output of the trace did not correctly match what my actual stage size was set to in my fla.
trace(stage.stageHeight); This traced 798
trace(stage.stageWidth); This traced 1440
While my actual stage is set to 550x400.
Am I missing something here? I also traced the ypos of the moving MC and the trace output positions that were nowhere near the actual y positions of the MC as it moved. Ironically though, the external class file to this object recognizes the correct x and y positions when I call the function from the .as file. Only when I try to call the function from the fla file do I run into this issue of incorrect x and y positions.
Any help? Thanks

Below is my code for my as class file and the code being called from the stage within the fla file. The issue I am having is with the conditional statement in the fla code, I have highlighted it in bold and italics. The ypos of the MC is not registering at -50 when clearly the object has a y position of -50. Something seems messed up with the x and y positions of the clip on the stage because the y position traced to teh output panel is nowhere close to the actual y position of the clip on the stage as it moves.
.as file code
package
    import flash.display.Stage;
    import flash.display.*;
    import flash.display.DisplayObjectContainer;
     import flash.display.MovieClip;
    import flash.utils.Timer;
    import flash.events.TimerEvent;
    import flash.events.Event;
        public class Balloon
                public var clip: MovieClip;
                public var xVel: Number = 0;
                public var yVel: Number = 0;
                public var upwardForce:    Number = 0; // applies to y value
                public var shrink: Number = 1;
                public var fade: Number = 0;
                public var topBounds: Number = -50
                public function Balloon(symbol:Class, target:DisplayObjectContainer, xpos:Number, ypos:Number, size:Number)
                        clip=new symbol();
                        target.addChild(clip);
                        clip.x = xpos;
                        clip.y = ypos;
                        clip.scaleX=clip.scaleY=size;
                    } // end Balloon constructor function
                public function moveObject():void
                        clip.x += xVel;
                        clip.y += yVel;
                        yVel -= upwardForce;
                        clip.scaleX *= shrink;
                        clip.scaleY *= shrink;
                        clip.alpha -= fade;
                  }//end moveObject function
                public function removeObject():void
                        clip.parent.removeChild(clip);
                    }// remove balloon from the stage
            } // end Balloon class
}// end package
code inside fla
var balloonArray:Array = new Array();
stage.addEventListener(Event.ENTER_FRAME, startBalloons)
function startBalloons(evt:Event):void
        var balloon: Balloon; // referencing our Balloon Class
        for(var i:int=0; i<balloonArray.length; i++)
                balloonArray[i].moveObject(); // calls moveObject function thats in the class file
        balloon = new Balloon(hotAirBalloon, this, randomRange(200, 400), randomRange(400, 550), randomRange(0.3, 1));
        balloon.xVel = -3;
        balloon.yVel = -4;
        balloon.shrink = 0.9999;
        balloon.fade = 0.000011;
        balloon.upwardForce = .005
        balloonArray.push(balloon);
        if(balloonArray.length>randomRange(1, 5))//creates only 3 balloons and removes all others created from th array
               balloon.removeObject();
    if(balloon.clip.y <= -50)
       trace("balloon has reached the top"
        var balloonTimer:Timer = new Timer(randomRange(25,45)*1000, 1);
        balloonTimer.addEventListener(TimerEvent.TIMER,timerFinished);
        balloonTimer.start();
        function timerFinished(event:TimerEvent):void
                    trace("time's up")
                    balloonTimer.stop();
                    balloon.clip.x = Math.random() * (400-200) + 200; // give random x pos to start from
                    balloon.clip.y = Math.random() * (1000-400) + 400; // give random y pos to start from
                    balloon.clip.scaleX = balloon.clip.scaleY = Math.random() * (1-0.3) + 0.3;
                    balloon.clip.alpha=1;
        } // end startBalloons function
    function randomRange(offset:Number, maxValue:Number) // generic function for randomizing object properties
            return Math.random() * (maxValue-offset) + offset

How can I prevent children from shrinking to infinitesimal values on MouseEvents?

Hi.
I have the following code:
//http://forums.adobe.com/message/3450898#3450898
//square_mc.y property edited by kglad AND NedMurphy both
// but kglad introduced the yGap variable, allowing for
// user defined space between movie clips. This solved my
// problem of evenly distributed spacing between movie clips
// all of the other code I generated from either my own previous
// files or by thinking about the solution and plugging away
// at it.
import flash.display.MovieClip;
import flash.events.Event;
import flash.events.MouseEvent;
var nextY:Number = 0;
var yGap:int = 2;
var container:MovieClip=new MovieClip();
var containerBig:MovieClip=new MovieClip();
containerBig.x=50;
containerBig.y=50;
containerBig.scaleX=1;
containerBig.scaleY=1;
addChild(container);
addChild(containerBig);
stage.addEventListener(Event.ENTER_FRAME, myFunc);
/*var imageHolder_mc:MovieClip=new MovieClip();
imageHolder_mc.graphics.beginFill(0x888888);
imageHolder_mc.graphics.lineTo(300,0);
imageHolder_mc.graphics.lineTo(300,200);
imageHolder_mc.graphics.lineTo(0,200);
imageHolder_mc.graphics.lineTo(0,0);
var myFrames:Array=new Array();
for (var i:int=0; i<12; i++){
myFrames.push("my_"+i+"_mc");
trace(myFrames+" myFrames");
var square_mc:MovieClip=new MovieClip();
square_mc.graphics.beginFill(0xFF0000);
square_mc.graphics.lineTo(200,0);
square_mc.graphics.lineTo(200,200);
square_mc.graphics.lineTo(0,200);
square_mc.graphics.lineTo(0,0);
container.addChild(square_mc);
square_mc.name="my_"+i+"_mc";
trace(square_mc.name);
square_mc.addEventListener(MouseEvent.MOUSE_OVER, myFunc2);
square_mc.addEventListener(MouseEvent.MOUSE_OUT, myFunc3);
//square_mc.scaleX=.25+(.13*Math.sin(i/Math.PI))*mouseY*.005;
square_mc.scaleX=.25;
square_mc.scaleY=square_mc.scaleX;
square_mc.alpha=i*.1+.3;
square_mc.y=nextY+mouseY*(-1);
nextY+=square_mc.height+yGap;
function myFunc(e:Event):void{
container.y=-1*mouseY+stage.height;
trace(container.y+" containerY");
function myFunc2(e:MouseEvent):void{
e.target.scaleX*=1.2;
trace(stage.height+" stageHeight");
e.target.addEventListener(MouseEvent.MOUSE_DOWN, myFunc4);
e.target.mouseChildren=false;
function myFunc3(e:MouseEvent):void{
e.target.scaleX/=1.2;
e.target.removeEventListener(MouseEvent.MOUSE_OVER, myFunc2);
//add ImageHolder_mc MovieClip from Library and go to frame
// coinciding with Array value in for loop . . .
var imageHolder_mc:ImageHolder_mc=new ImageHolder_mc();
function myFunc4(e:MouseEvent):void{
containerBig.addChild(imageHolder_mc);
for(var j:int=0; j<12; j++){
if(e.target.name=="my_"+j+"_mc"){
imageHolder_mc.gotoAndStop(j);
trace(e.target.y+" e.target.y");
you can troubleshoot the issue by adding a 12 frame MovieClip to your Library when you test this code and give it the names I referenced above in Bold.
That is, whomever will have time to help me out.
The problem I'm facing is not with loading the content of the Movie Clip, (though I might experience issues with that later when I try to load dynamic swfs) because as for now I just have placeholders on frames.
What I want to know is why my red squares on the left navigation keep getting smaller as I repeat the MouseOver and MouseOut events. It doesn't seem that these squares follow the logic of the code the way I have written it. Some of the code was generated from a previous post with the help of contributors.
Now I have again hit a slight snag with coding the math properly. Initially when I tested the code it worked fine without any "shrinking" going on. However, now with more code added the red navigation squares don't bounce back to their original states, they just keep getting smaller.
Can anyone help me with this?
Kindly thanking in advance,
-markerline

my new code:
//http://forums.adobe.com/message/3450898#3450898
//square_mc.y property edited by kglad AND NedMurphy both
// but kglad introduced the yGap variable, allowing for
// user defined space between movie clips. This solved my
// problem of evenly distributed spacing between movie clips
// all of the other code I generated from either my own previous
// files or by thinking about the solution and plugging away
// at it.
import flash.display.MovieClip;
import flash.events.Event;
import flash.events.MouseEvent;
//http://www.republicofcode.com/tutorials/flash/as3tweenclass/
import fl.transitions.Tween;
import fl.transitions.easing.*;
import fl.transitions.TweenEvent;
var nextY:Number = 0;
var yGap:int = 2;
var container:MovieClip=new MovieClip();
var containerBig:MovieClip=new MovieClip();
containerBig.x=50;
containerBig.y=50;
containerBig.scaleX=1;
containerBig.scaleY=1;
addChild(container);
addChild(containerBig);
stage.addEventListener(Event.ENTER_FRAME, myFunc);
/*var imageHolder_mc:MovieClip=new MovieClip();
imageHolder_mc.graphics.beginFill(0x888888);
imageHolder_mc.graphics.lineTo(300,0);
imageHolder_mc.graphics.lineTo(300,200);
imageHolder_mc.graphics.lineTo(0,200);
imageHolder_mc.graphics.lineTo(0,0);
var myFrames:Array=new Array();
for (var i:int=0; i<12; i++){
myFrames.push("my_"+i+"_mc");
trace(myFrames+" myFrames");
var square_mc:MovieClip=new MovieClip();
square_mc.graphics.beginFill(0xFF0000);
square_mc.graphics.lineTo(200,0);
square_mc.graphics.lineTo(200,200);
square_mc.graphics.lineTo(0,200);
square_mc.graphics.lineTo(0,0);
container.addChild(square_mc);
square_mc.name="my_"+i+"_mc";
trace(square_mc.name);
var alreadyExecuted:Boolean;
if(!alreadyExecuted){
alreadyExecuted=true;
square_mc.addEventListener(MouseEvent.MOUSE_OVER, myFunc2);
square_mc.addEventListener(MouseEvent.MOUSE_OUT, myFunc3);
//square_mc.scaleX=.25+(.13*Math.sin(i/Math.PI))*mouseY*.005;
square_mc.scaleX=.25;
square_mc.scaleY=square_mc.scaleX;
square_mc.alpha=i*.1+.3;
square_mc.y=nextY+mouseY*(-1);
nextY+=square_mc.height+yGap;
function myFunc(e:Event):void{
container.y=-1*mouseY+stage.height;
//trace(container.y+" containerY");
function myFunc2(e:MouseEvent):void{
//e.target.scaleX*=1.2;
var myTween:Tween = new Tween(e.target, "scaleX", Elastic.easeIn, e.target.scaleX*1, e.target.scaleX*1.5, .1, true);
//trace(stage.height+" stageHeight");
e.target.addEventListener(MouseEvent.MOUSE_DOWN, myFunc4);
trace(alreadyExecuted+" BOOLEAN");
function myFunc3(e:MouseEvent):void{
//e.target.scaleX/=1.2;
var myTween:Tween = new Tween(e.target, "scaleX", Elastic.easeIn, e.target.scaleX*1, e.target.scaleX/1.5, .1, true);
//e.target.removeEventListener(MouseEvent.MOUSE_OVER, myFunc2);
//add ImageHolder_mc MovieClip from Library and go to frame
// coinciding with Array value in for loop . . .
var imageHolder_mc:ImageHolder_mc=new ImageHolder_mc();
function myFunc4(e:MouseEvent):void{
containerBig.addChild(imageHolder_mc);
for(var j:int=0; j<12; j++){
if(e.target.name=="my_"+j+"_mc"){
imageHolder_mc.gotoAndStop(j);
trace(e.target.y+" e.target.y");
However, this code only ends up allowing the first thumbnail square to have the event listener. I tried several variations of placement of the Boolean within the code but in some cases I got that nothing was functioning at all and in some cases I got that the Boolean didn't prevent the shrinking from occuring. This code is as close as I got to calling the code to stop adding event listeners.
I also tried:
var alreadyExecuted+i:Boolean;
if(!alreadyExecuted+i){
code
but I got an error telling me that it expects a semicolon before plus. I guess you can't create numeric instances of Booleans in the for loop. The goal was to create a single boolean for each i in the loop to have a total of 12 booleans 0 through 11, one for each thumbnail so that the event listeners don't repeat as you suggested the Boolean would do.
Still stumped.

AS2 stage Scaling Problem

Hi..
I'm Ajanthan.. I work for a e-learning concern. Now i had a problem. I have developed the entire module with 800x600 Resolution.
But Now I got an issue that i need to reduce the content area (Shrink the contents instead of changing the resolution). Because some one had developed the custom player that will affect some of the margins of the content.
Is there any AS2 script is avail for scaling the entire stage to 80 % of its original size for the entire module... If so Please help me in this...
Thank you..
Ajanthan M

or take the as2 v-cam from the internet and put it in your flash on a new layer, and scale the vcam +20% of the stage size.

JSF design view - visual components are shrinking

Hello,
I have some strange issue while using Design view for JSF and data binding.
Once I drop any data control elements into visual component (panel, etc) my visual components are shrinking to such size, that I cannot distinguish any elements within design view. I cannot use design view since then and have to place all elements base on structure panel.
How to reproduce:
1. Create new JSF page with wizard and accept defaults.
2. Drop one of the panels (panel box, panel group layout) into JSF layout
At this stage my visual elements occupy 100% of design view screen and represent anticipated outcome
3. Drag and drop one of the data control elements (data control panel) into created panels on JSF and create table or form
Immediately after it visual panel where data control was dropped shrinks to approximately 1/4 of the screen and I cannot see neither available space nor created table for my data components.
I figured out, that if I remove created by wizard default <af:messages> tag from the top of my JSF, then design view representation fixes. Not sure if I should remove <af:messages> from all my pages.
Above all looks to me as and bug.
Environment:
-Jdeveloper 11g
-Windows Vista 64b
-Not bundled JDK 6

Hi Shay,
Thank you for response.
1. I tried to play with screen size without result
2. I checked your video post, but this does not resolve my issue
3. This issue occures with all JSF pages and can be reproduced even when following official Oracle step by step tutorials.
4. I figured out, that removing <af:messages> tag resolves the issue ?! It seems this tag is added by default during drag and drop binding.
5. On this link http://drop.io/jdev_001 you can see how design view is changes with and without <af:messages> tag
6. Below is code example from one of the tutorials, that leads to shrinking as well:
7. Once app is deployed and running page get normal view in IE as expected, so it seems to me, it is issue with Jdev design view, probably influenced by my environment, if nobody reported it before.
Thank you for your help.
===========================================================================
<?xml version='1.0' encoding='windows-1252'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html"
xmlns:af="http://xmlns.oracle.com/adf/faces/rich">
<jsp:directive.page contentType="text/html;charset=windows-1252"/>
<f:view>
<af:document id="d1">
<af:messages id="m1"/>
<af:form id="f1">
<af:panelStretchLayout id="psl1">
<f:facet name="center">

<af:decorativeBox theme="dark" id="db1">
<f:facet name="center">
<af:decorativeBox theme="medium" id="db2">
<f:facet name="center">
<af:panelFormLayout id="pfl1">
<af:inputText value="#{bindings.p_name.inputValue}" label="#{bindings.p_name.hints.label}"
required="#{bindings.p_name.hints.mandatory}" columns="#{bindings.p_name.hints.displayWidth}"
maximumLength="#{bindings.p_name.hints.precision}" shortDesc="#{bindings.p_name.hints.tooltip}" id="it1">
<f:validator binding="#{bindings.p_name.validator}"/>
</af:inputText>
<af:commandButton actionListener="#{bindings.getEmployeesFindByName.execute}" text="getEmployeesFindByName"
disabled="#{!bindings.getEmployeesFindByName.enabled}" id="cb1"/>
<af:panelFormLayout id="pfl2">
<af:inputText value="#{bindings.commissionPct.inputValue}" label="#{bindings.commissionPct.hints.label}"
required="#{bindings.commissionPct.hints.mandatory}" columns="#{bindings.commissionPct.hints.displayWidth}"
maximumLength="#{bindings.commissionPct.hints.precision}" shortDesc="#{bindings.commissionPct.hints.tooltip}"
id="it4">
<f:validator binding="#{bindings.commissionPct.validator}"/>
<af:convertNumber groupingUsed="false" pattern="#{bindings.commissionPct.format}"/>
</af:inputText>
<af:inputText value="#{bindings.email.inputValue}" label="#{bindings.email.hints.label}"
required="#{bindings.email.hints.mandatory}" columns="#{bindings.email.hints.displayWidth}"
maximumLength="#{bindings.email.hints.precision}" shortDesc="#{bindings.email.hints.tooltip}" id="it7">
<f:validator binding="#{bindings.email.validator}"/>
</af:inputText>
<af:inputText value="#{bindings.employeeId.inputValue}" label="#{bindings.employeeId.hints.label}"
required="#{bindings.employeeId.hints.mandatory}" columns="#{bindings.employeeId.hints.displayWidth}"
maximumLength="#{bindings.employeeId.hints.precision}" shortDesc="#{bindings.employeeId.hints.tooltip}"
id="it6">
<f:validator binding="#{bindings.employeeId.validator}"/>
<af:convertNumber groupingUsed="false" pattern="#{bindings.employeeId.format}"/>
</af:inputText>
<af:inputText value="#{bindings.firstName.inputValue}" label="#{bindings.firstName.hints.label}"
required="#{bindings.firstName.hints.mandatory}" columns="#{bindings.firstName.hints.displayWidth}"
maximumLength="#{bindings.firstName.hints.precision}" shortDesc="#{bindings.firstName.hints.tooltip}" id="it3">
<f:validator binding="#{bindings.firstName.validator}"/>
</af:inputText>
<af:inputDate value="#{bindings.hireDate.inputValue}" label="#{bindings.hireDate.hints.label}"
required="#{bindings.hireDate.hints.mandatory}" shortDesc="#{bindings.hireDate.hints.tooltip}" id="id1">
<f:validator binding="#{bindings.hireDate.validator}"/>
<af:convertDateTime pattern="#{bindings.hireDate.format}"/>
</af:inputDate>
<af:inputText value="#{bindings.jobId.inputValue}" label="#{bindings.jobId.hints.label}"
required="#{bindings.jobId.hints.mandatory}" columns="#{bindings.jobId.hints.displayWidth}"
maximumLength="#{bindings.jobId.hints.precision}" shortDesc="#{bindings.jobId.hints.tooltip}" id="it2">
<f:validator binding="#{bindings.jobId.validator}"/>
</af:inputText>
<af:inputText value="#{bindings.lastName.inputValue}" label="#{bindings.lastName.hints.label}"
required="#{bindings.lastName.hints.mandatory}" columns="#{bindings.lastName.hints.displayWidth}"
maximumLength="#{bindings.lastName.hints.precision}" shortDesc="#{bindings.lastName.hints.tooltip}" id="it8">
<f:validator binding="#{bindings.lastName.validator}"/>
</af:inputText>
<af:inputText value="#{bindings.phoneNumber.inputValue}" label="#{bindings.phoneNumber.hints.label}"
required="#{bindings.phoneNumber.hints.mandatory}" columns="#{bindings.phoneNumber.hints.displayWidth}"
maximumLength="#{bindings.phoneNumber.hints.precision}" shortDesc="#{bindings.phoneNumber.hints.tooltip}"
id="it9">
<f:validator binding="#{bindings.phoneNumber.validator}"/>
</af:inputText>
<af:inputText value="#{bindings.salary.inputValue}" label="#{bindings.salary.hints.label}"
required="#{bindings.salary.hints.mandatory}" columns="#{bindings.salary.hints.displayWidth}"
maximumLength="#{bindings.salary.hints.precision}" shortDesc="#{bindings.salary.hints.tooltip}" id="it5">
<f:validator binding="#{bindings.salary.validator}"/>
<af:convertNumber groupingUsed="false" pattern="#{bindings.salary.format}"/>
</af:inputText>
<f:facet name="footer">
<af:panelGroupLayout layout="vertical" id="pgl1">
<af:panelGroupLayout layout="horizontal" id="pgl2">
<af:commandButton actionListener="#{bindings.First.execute}" text="First" disabled="#{!bindings.First.enabled}"
partialSubmit="true" id="cb2"/>
<af:commandButton actionListener="#{bindings.Previous.execute}" text="Previous" disabled="#{!bindings.Previous.enabled}"
partialSubmit="true" id="cb3"/>
<af:commandButton actionListener="#{bindings.Next.execute}" text="Next" disabled="#{!bindings.Next.enabled}"
partialSubmit="true" id="cb4"/>
<af:commandButton actionListener="#{bindings.Last.execute}" text="Last" disabled="#{!bindings.Last.enabled}"
partialSubmit="true" id="cb6"/>
</af:panelGroupLayout>
<af:commandButton text="Save" id="cb5" actionListener="#{bindings.mergeDepartments.execute}"
disabled="#{!bindings.mergeDepartments.enabled}" action="browse"/>
</af:panelGroupLayout>
</f:facet>
</af:panelFormLayout>
</af:panelFormLayout>
</f:facet>
</af:decorativeBox>
</f:facet>
</af:decorativeBox>
</f:facet>
</af:panelStretchLayout>
</af:form>
</af:document>
</f:view>
</jsp:root>
Edited by: user555411 on May 2, 2010 2:08 PM

Scale a div based on width/height of Stage?

My Stage is set to 100% w/h. I'd like to center a div, and have it scale based on a percentage of the Stage's size. The div contains animated text and images.
I've seen some similar examples but the Stage always seems to be set to pixels. Any thoughts? Thanks!

sym.$("contentTobeScaled").css({
margin : '0 auto',
position: 'relative'
This will center the div
Following can be used to scale your content responsively
$(window).resize(function() {
var scaleFactor= Your Calculations involving either - $(window).width() - or the height perhaps.
sym.$("contentTobeScaled").css({'transform': 'scale(' + scaleFactor+ ')'});
sym.$("contentTobeScaled").css({'-moz-transform': 'scale(' + scaleFactor + ')','-webkit-transform': 'scale(' + scaleFactor+ ')'});
I was able to perform many complex responsive transformations using .resize and a custom defined variable. The good thing is you can use any mathematical functions to relate these two, in some cases having "inverse" scale factors to make something shrink when windows are expanding. or non-linear effects, discrete effects, anything possible. Enjoy.

I need to shrink the size of please tell me i dont have to do all seperately.

hi help needed. i needed to shrik my songs, i was told to create AAC versions which i did do about 20 and it saved me quite a bit of space so now i would like to do all of my music that way. only 1 big problem i have 17453 songs please please tell me i dont have to do them all seperately, and there has to be a way that either deletes the old version automatically as then i will have double that amount and would take weeks to delete all the copies. please any advice would help.

Isn't it handy that I just wrote a script called ConvertFormat that would seem to answer your need. You do need to be sure the target format you are going to switch to is good enough for your aural pleasure because once you have sacrificed some quallity to shrink the files you can't get it back. The script preserves ratings, play counts, playlist membership etc. (excluding smart playlists dependant on format/bitrate).
I'd also strongly recommend you backup your media first. If you are only doing this to make room on your local drive rather than say squeeze more onto your devices then I'd seriously consider investing in more storage as making this move now will likely only stave off the inevitable.
The script replaces each selected file with a new copy in your chosen import format/bitrate. The originals are sent to the recycle bin to give you one last chance to reverse an error. If you want to convert your whole library you will probably have to do it in stages so you can clear out the trash. I'd also make a smart playlist that identifies "large" files, i.e. those in the format/bitrate you want to convert from so that you can't accidentally downsample the same file more than once.
tt2

Why does the stage layout change when native menu added

I have a program that was fine till I added a native menu to it. After adding the menu I have a space on both the left and the right of the stage. If I draw a shape at x=0, y=0 it appears about 40 pixels to the right of the window border. If I remove the menu the space still occurs what is going on?

Adding the menu shrinks the effective size of the stage. This happens because in the app descriptor, you set the outer size of the window, not the stage size. When you add a menu, the space for the menu is created by removing space from the stage, not by increasing the height of the window.
You see the bars around the app because you have the stage scalemode set to something other than noScale.(noScale is NOT the default.) The other scale modes attempt to keep most or all of the app in view when the app is not the same size as the stage (which happens when you add a menu to a window). The space around the edge is the result of the runtime scaling your content into the available space When you remove the menu, this space should be returned to the stage -- and does in my tests, so I can't explain why you don't see the scaling go away. Perhaps you are drawing your content based on the reduced stage size so you still have extra space after the menu is removed.
The stage align property determines how the content is positioned on the stage when it is scaled down. The default is center which distributes space to either side when the stage is scaled horizontally, which is why the origin effectively moves away from the left side of the window. If you used the an AlignMode of top left, the origin would stay in the top left corner.
In general, I recommend setting the stage scaleMode to noScale in an application, unless you have a specific need for one of the other scale modes. Even then, you can still scale things programmtically using logic appropriate to the situation. The other modes were designed for use in a browser where the SWF author may not have control of the stage and so must choose the least-bad compromise. In an AIR app, you have control and so don't need to make that compromise.

PNGs resizing themselves when dragged to stage.

I'm having a heck of a time trying to figure out why my PNG
files which are 791px x 567px in my library resize themselves to
593px x 435px when I drag them to the stage! Dragging GIF or JPG
files to the stage does not resize them. What am I doing wrong...
this is driving me nuts?! I'm using Flash CS3. I didn't have this
issue with Flash 8.

The PNG files are actually 96dpi, changing them to 72dpi
makes no difference... they still "shrink" when dragged to the
stage! This is frustrating as it only happens in CS3, dragging the
96dpi PNG to Flash 8 does not resize the image... it still looks
good.

External SWF using stage width & height...

Hi,
I have an external .swf file (zoomify-esque) that I would like to use in my Flex app, but it's size attributes use the stage width and height.
This basically means that the loaded swf file will load at 100% of the size of the stage. I can resize the loaded .swf using whatever Flex component I put it in, but that shrinks it rather than behaving like it would if I embedded it in an HTML page.
I hope that makes sense. If anyone could help me out with this, I'd be very grateful!
Thanks in advance,
Alex.

Thanks for your response Alex,
The swf is from an external company that we pay for virtual slide serving software, and I am currently unaware of any other zooming tools that can efficiently view medical images averaging over 5 gigapixels in size. If you know of any, that'd be really useful, but correctly embedding the original swf is preferred.
Alex.

Flash Pro CC Shrinks File Size

Hello.
I'm new to Flash Pro CC, but I like what I'm seeing with the trial version. I'm starting to learn how to create Flash enabled sites with optional HTML5 ability.
I have a 30 megabyte .fla file that I'm converting to an HTML5 Canvas using the command in Flash Pro CC. However, when I do that, it shrinks the file size by half and makes it run slow in a browser. I believe the file shrinking is what's causing the problem.
Is there any way to stop the converting feature from shrinking the file size?
Thanks

Hi,
I don't see the Issue happening.As Kglad mentioned changing the stage size is working absolutely fine.Is it happening with a particular document?? If so, could you please share the document where it is consistently reproducible.
Thanks,
Sangeeta

Expanding movieclip when mouse go out and shrinking it when mouse go in

Dear all friends,
I have movieclip called view_mc and button called btn_scale.
I want when the user click and drag the button btn_scale, he can scale the movieclip view_mc.
but when he goes out with the mouse, the movieclip is expanding.
and when he goes in, the movieclip is shrinking.
I have written the code, but it does the opposite: when he goes out, it shrinks. and when goes in, it expands:
var clickedX:Number;
var clickedY:Number;
var newScale:Number;
stage.addEventListener(MouseEvent.MOUSE_DOWN, on_stage_down);
stage.addEventListener(MouseEvent.MOUSE_UP, on_stage_up);
function on_stage_down(e:MouseEvent):void
if(btn_scale.hitTestPoint(stage.mouseX, stage.mouseY))
clickedX = stage.mouseX - view_mc.x;
clickedY = stage.mouseY - view_mc.y;
newScale = view_mc.scaleX;
view_mc.addEventListener(Event.ENTER_FRAME, on_enter_scale);
function on_enter_scale(e:Event):void
if(view_mc.width < restricted.width && view_mc.height < restrictedArr.height)
view_mc.scaleX = newScale * (clickedY / stage.mouseY);
view_mc.scaleY = view_mc.scaleX;
function on_stage_up(e:MouseEvent):void
view_mc.removeEventListener(Event.ENTER_FRAME, on_enter_scale);
Please help me to do the right scaling.

iOS: Troubleshooting FaceTime and iMessage activation
FaceTime, Game Center, Messages: Troubleshooting sign in issues

Trying to achieve grow/shrink to nothing effect

I'n trying to create a vertical panel where items can be added which are displayed top to bottom. Each "item" is a box with some interesting information to display and should be shown for a few seconds.
The space where it will be displayed will first grow to make room, then fade in, display for a few seconds, fade out, and shrink back to nothing. When it grow/shrinks, the intention is that the items above and below will make room/close the gap accordingly.
Now, I've gotten quite far to get this to work with two different solutions, but both have a problem.
Solution 1
Put the "item" in a Group. Then use Timelines to animate its ScaleYProperty to simulate the shrinking to nothing effect.
Problem: As soon as I put things in a group, the content of the "Item" is too small (it uses the preferred size instead of expanding to fill available space). If I use a StackPane it looks exactly how I want, but the ScaleYProperty won't work properly then (because StackPane ignores transformations in its size calculations).
I've tried forcing the preferred size to the correct value. Problem: I don't know the correct value, I don't know how to find out how big the "content" area should be. Doing a getWidth() of the vertical panel and substracting the Insets comes close, but there's always a small difference -- in other words, unsatisfactory.
...stuck
Solution 2
Replace the "item" with Rectangles that I resize to make space for the "item" before actually adding it. The shrinking effect works great... but I cannot get the grow effect to work properly because I donot know how big the "item" will be... there's no way to find out how big something will be once added to the scene graph.
Fiddling with adding the item temporarily to the scene graph, then trying to get its size somehow didn't work or had annoying side effects.
So, basically, I'm stuck with both approaches.
First because Groups donot allow their content to fill available space... (and finding out the correct preferred size seems not possible)...
Second because I cannot find out how big something will be BEFORE adding it to a scene graph...
Any ideas what I can still try?

Okay, a fully working example ripped completely out of its context :)
This needs some keyboard control. Press 1/2 to adjust the "Playback rate" and 9/0 to adjust "Volume". In the center of the screen boxes will appear showing what you just did, and will fade out after a while. Adjusting both settings shortly after each other can result in two bars being displayed (this is intended) and shows the effect I want in greater detail.
The part I'm not happy with is where I hard-code the Preferred Width (search for setPrefWidth) because it is not correct (the width is only an estimate and changes when a slider is displayed... so the next slider added gets a different preferred width).
Possible solutions are some other way of "shrinking" a group without using the ScaleYProperty; somehow getting the correct preferred width; somehow getting Group to respect the "available space" for my StackPane... etc...
It works great in my opinion, just this little snag I want to get rid of.
playback-state-overlay.css
.root {
-c-main: rgb(173, 216, 230);
-c-shadow-highlight: derive(-c-main, -50%);
color-content-background: derive(-c-main, -80%);
.label {
-fx-text-fill: white;
.slider {
-fx-show-tick-labels: true;
-fx-show-tick-marks: true;
.slider .axis {
-fx-tick-label-fill: -c-main;
.slider .thumb {
-fx-background-color: rgb(0, 0, 0, 0.5), rgb(64, 64, 64), linear-gradient(to bottom, yellow, white, orange);
-fx-background-insets: 0, 1, 2;
-fx-background-radius: 0.3em, 0.25em, 0.2em;
-fx-padding: 0.75em 0.3em 0.75em 0.3em;
.slider .track {
-fx-background-color: -c-shadow-highlight, derive(-c-main, -22%), linear-gradient(to bottom, derive(-c-main,-15.5%), derive(-c-main,34%) 30%, derive(-c-main,68%));
-fx-background-insets: 1 0 -1 0, 0, 1;
-fx-background-radius: 0.2em, 0.2em, 0.1em;
-fx-padding: 0.208333em;
.axis:top {
    -fx-border-color: transparent transparent #aaaaaa transparent;
.axis:right {
    -fx-border-color: transparent transparent transparent #aaaaaa;
.axis:bottom {
    -fx-border-color: #aaaaaa transparent transparent transparent;
.axis:left {
    -fx-border-color: transparent #aaaaaa transparent transparent;
.axis-tick-mark {
-fx-stroke: #aaaaaa;
.item {
-fx-font: 22pt "Arial";
.content-box {
-fx-background-color: color-content-background;
-fx-background-radius: 20;
-fx-padding: 30;
-fx-hgap: 20;
ShrinkTest.java
package hs.javafx;
import javafx.animation.Animation.Status;
import javafx.animation.KeyFrame;
import javafx.animation.KeyValue;
import javafx.animation.Timeline;
import javafx.application.Application;
import javafx.beans.binding.NumberExpression;
import javafx.beans.binding.StringBinding;
import javafx.beans.binding.StringExpression;
import javafx.beans.property.DoubleProperty;
import javafx.beans.property.IntegerProperty;
import javafx.beans.property.SimpleDoubleProperty;
import javafx.beans.property.SimpleIntegerProperty;
import javafx.beans.value.ChangeListener;
import javafx.beans.value.ObservableValue;
import javafx.collections.ListChangeListener;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.scene.Group;
import javafx.scene.Node;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.control.Slider;
import javafx.scene.input.KeyCode;
import javafx.scene.input.KeyEvent;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.ColumnConstraints;
import javafx.scene.layout.GridPane;
import javafx.scene.layout.RowConstraints;
import javafx.scene.layout.StackPane;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;
import javafx.util.Duration;
public class ShrinkTest extends Application {
private final Player player = new Player();
private final VBox playbackStateOverlay = new VBox() {{
    getStyleClass().add("content-box");
    setVisible(false);
public static void main(String[] args) {
    Application.launch(ShrinkTest.class, args);
@Override
public void start(Stage primaryStage) throws Exception {
    StackPane stackPane = new StackPane();
    playbackStateOverlay.getChildren().addListener(new ListChangeListener<Node>() {
      @Override
      public void onChanged(ListChangeListener.Change<? extends Node> change) {
        playbackStateOverlay.setVisible(!change.getList().isEmpty());
    stackPane.setOnKeyPressed(new EventHandler<KeyEvent>() {
      @Override
      public void handle(KeyEvent event) {
        if(event.getCode() == KeyCode.DIGIT1) {
          player.rateProperty().set(player.rateProperty().get() - 0.1);
        if(event.getCode() == KeyCode.DIGIT2) {
          player.rateProperty().set(player.rateProperty().get() + 0.1);
        if(event.getCode() == KeyCode.DIGIT9) {
          player.volumeProperty().set(player.volumeProperty().get() - 1);
        if(event.getCode() == KeyCode.DIGIT0) {
          player.volumeProperty().set(player.volumeProperty().get() + 1);
        event.consume();
    stackPane.getChildren().add(new GridPane() {{
      getColumnConstraints().add(new ColumnConstraints() {{
        setPercentWidth(25);
      getColumnConstraints().add(new ColumnConstraints() {{
        setPercentWidth(50);
      getColumnConstraints().add(new ColumnConstraints() {{
        setPercentWidth(25);
      getRowConstraints().add(new RowConstraints() {{
        setPercentHeight(10);
      add(new Button("Hi"), 0, 0); // something to get focus
      add(playbackStateOverlay, 1, 1);
    Scene scene = new Scene(stackPane);
    scene.getStylesheets().add("playback-state-overlay.css");
    primaryStage.setScene(scene);
    primaryStage.setFullScreen(true);
    primaryStage.show();
    final StringBinding formattedVolume = new StringBinding() {
        bind(player.volumeProperty());
      @Override
      protected String computeValue() {
        return String.format("%3d%%", player.volumeProperty().get());
    final StringBinding formattedRate = new StringBinding() {
        bind(player.rateProperty());
      @Override
      protected String computeValue() {
        return String.format("%4.1fx", player.rateProperty().get());
    player.volumeProperty().addListener(new ChangeListener<Number>() {
      @Override
      public void changed(ObservableValue<? extends Number> observable, Number oldValue, Number newValue) {
        addOSD(createOSDItem("Volume", 0.0, 100.0, player.volumeProperty(), formattedVolume));
    player.rateProperty().addListener(new ChangeListener<Number>() {
      @Override
      public void changed(ObservableValue<? extends Number> observable, Number oldValue, Number newValue) {
        addOSD(createOSDItem("Playback Speed", 0.0, 4.0, player.rateProperty(), formattedRate));
private static Node createOSDItem(final String title, final double min, final double max, final NumberExpression value, final StringExpression valueText) {
    return new VBox() {{
      setId(title);
      getStyleClass().add("item");
      getChildren().add(new BorderPane() {{
        setLeft(new Label(title) {{
          getStyleClass().add("title");
        setRight(new Label() {{
          getStyleClass().add("value");
          textProperty().bind(valueText);
      getChildren().add(new Slider(min, max * 1.01, 0) {{ // WORKAROUND: 1.01 to work around last label display bug
        valueProperty().bind(value);
        setMinorTickCount(4);
        setMajorTickUnit(max / 4);
public void addOSD(final Node node) { // id of node is used to distinguish same items
    String id = node.getId();
    for(Node child : playbackStateOverlay.getChildren()) {
      if(id.equals(child.getId())) {
        Timeline timeline = (Timeline)child.getUserData();
        if(timeline.getStatus() == Status.RUNNING) {
          timeline.playFromStart();
        return;
    final StackPane stackPane = new StackPane() {{
      getChildren().add(node);
      setPrefWidth(playbackStateOverlay.getWidth() - playbackStateOverlay.getInsets().getLeft() - playbackStateOverlay.getInsets().getRight());
    node.opacityProperty().set(0);
    final Group group = new Group(stackPane);
    group.setId(node.getId());
    stackPane.setScaleY(0.0);
    final EventHandler<ActionEvent> shrinkFinished = new EventHandler<ActionEvent>() {
      @Override
      public void handle(ActionEvent event) {
        playbackStateOverlay.getChildren().remove(group);
    final Timeline shrinkTimeline = new Timeline(
      new KeyFrame(Duration.seconds(0.25), shrinkFinished, new KeyValue(stackPane.scaleYProperty(), 0))
    final EventHandler<ActionEvent> fadeInOutFinished = new EventHandler<ActionEvent>() {
      @Override
      public void handle(ActionEvent event) {
        group.setId(null);
        shrinkTimeline.play();
    final Timeline fadeInOutTimeline = new Timeline(
      new KeyFrame(Duration.seconds(0.5), new KeyValue(node.opacityProperty(), 1.0)),
      new KeyFrame(Duration.seconds(2.5), new KeyValue(node.opacityProperty(), 1.0)),
      new KeyFrame(Duration.seconds(3.0), fadeInOutFinished, new KeyValue(node.opacityProperty(), 0.0))
    EventHandler<ActionEvent> expansionFinished = new EventHandler<ActionEvent>() {
      @Override
      public void handle(ActionEvent event) {
        fadeInOutTimeline.play();
    Timeline expansionTimeline = new Timeline(
      new KeyFrame(Duration.seconds(0.25), expansionFinished, new KeyValue(stackPane.scaleYProperty(), 1.0))
    group.setUserData(fadeInOutTimeline);
    playbackStateOverlay.getChildren().add(group);
    expansionTimeline.play();
public static class Player {
    private final IntegerProperty volume = new SimpleIntegerProperty(50);
    private final DoubleProperty rate = new SimpleDoubleProperty(1.0);
    public IntegerProperty volumeProperty() {
      return volume;
    public DoubleProperty rateProperty() {
      return rate;
}

Flash into flash and shrink

I have to Flash files. I want to place the second file (.swf)
into the Flash file i'm currently working on. The catch is the
first flash file is rather big and i need to shrink it and I'd also
like to place it to the right side of the stage. I've tried using
levels and loadMovieNum but neither of them can control the size
and position (unless i'm in error?). I don't want to convert my
second file to a .mov file either because I will loose it's
interactiveness. (and i really...really don't want to go into the
second flash file and shrink everything there has to be another
way!) HELP!

you're in error.
i don't know if controlling a levels position and size solves
your problem, but you can do both AFTER the level exists. ie, use a
preloader to determine when your swf completes loading into a
non-zero level. it's also a good idea to put an empty from with no
sound at frame 1 of the external swf with a stop() attached.

_movie.stage.image always at 800 x 600?

Hi,
I have a movie with a stage set at, say 2000 x 2000. I want to capture the stage's image at exactly the same dimensions (2000 x 2000).
I am capturing the stage's image with the following code:
newMember = new(#bitmap)
newMember.image = _movie.stage.image
The trouble is that the stage image's dimensions are always set at 800 x 600, so it shrinks my image. I cannot seem to set the stage image dimensions to anything different.
Any ideas? Thanks.
Jason

Ha. It seems my problem was a fluke. All I had to do was save, close the authoring environment, and then reopen it. Anyway, Thanks.
Jason

Stage Shrinks in IE

Similar Messages

Maybe you are looking for