Flex :: Make FlexMDI Resize It's Child When Window Is Resized?
Oct 2, 2010I use the addChild(myChild) on a window. but when this window resizes i want to make the myChild width and height to fit the window.
View 1 RepliesI use the addChild(myChild) on a window. but when this window resizes i want to make the myChild width and height to fit the window.
View 1 RepliesI have a Flex custom BorderContainer component which has text inside of it. If I were to add this in my main Application inside of a panel, the BorderContainer goes outside of the width bounds of the panel due to the text being a set size. I have all of its components in percentages so that it re-sizes when shrunk, but the one part that contains checkboxes and labels (lots of things with text) mess up since the font size doesn't change.
I am pretty positive that the results I am looking for can be done through embedding the font, though I have not been able to come up with a solution from online. I am trying to do this with a CSS style since I will be using it for many different components (I dont just want to change it in the flex code directly).
EDIT Solution:
I attempted to use the ratio as www0z0k had suggested but it caused some serious issues when it was re-sized quickly or to a small screen (the component would not re-size correctly because it was multiplying by the ratio. What finally seems to have worked for me and caused no issues was that I ran the code and found the width (1152) and height (842) of the container.
I then created a const variable of widthX = 1152 and heightY = 842 and in the onResize() function I coded the resize like this:
(where bottomGroup is the id of the borderContainer I am trying to resize)
bottomGroup.scaleX = width / widthX;;
bottomGroup.scaleY = height / heightY;
END EDIT
So far I have found some examples of embedding fonts in the <fx:Style> and attempted to remove any delaration of fontSize but that doesn't seem to work.
<fx:Style>
@namespace s "library://ns.adobe.com/flex/spark";
@font-face {
[Code]....
When the browser is resized, how do I make the movie resize?in the HTML parameters, I put width 100% and height 100% and in the .swf file I have: Stage.scaleMode = "noScale";Stage.align = "TL";ow, I notice if I were to shrink or make my browser stretch out. The swf doesn't resize on it's own to fill the space when larger or resize when you shrink the browser width/height. I've been told to use a listener, but I have no idea how it works, I've tried putting in scripts with no luck.
View 2 RepliesSo I'm loading a really big pic in this mx:Image manteinAspectRatio enabled with a height constraint and as usual it doesn't work (Flex is definitely not for me):
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
[code].....
My component has lots of inner components.When i resize the container component (panel), i want all inner components resize with same ratio. Which function should i use?
View 1 RepliesOver the past few days, I've been trying to figure out how to make a flash website that will have elements move in accordance to when the window is resized. I had got as far as getting it to work in flash when you preview it there. But I tried to publish it and it sits at the TL at its normal size. I had set the html to 100% etc. but to no prevail.[URL]..
I have attached a zip of the files I have- they are unpleasing to the eye and incomplete, but it should get the idea across. Hopefully this doesn't seem like to much to ask. if you can get my ugly Zip.file to publish in Dreamweaver, like it previews in flash.
i am creating flex 3 component when i re size the window i need to re size the labels and text.how to do this?
View 1 RepliesI'm creating the Label component like this
var label:Label = new Label();
label.text = "some text";
label.styleName = "someStyle";
addChild(label);
But it stay invisible until I explicit set the width and height.How can I make the label to be auto resized according to it's text?
I'm trying to run my swf by going directly to it on my serer eg(www.example.com/mySWF.swf), later I will embed it using HTML or PHP, however Im wondering why it keeps getting resized to the window size, I want it to stay the size of the swf. In the publish settings I set dimension to Match Movie, and I set scale to No Scale in the HTML tab of publish settings, am I doing something wrong or can you not have it stay its original size without emedding it into html?
View 5 RepliesI'm working on a school project. It contains a main section which has 7 buttons. Each of these buttons is a character which you can zoom in to, see who they are, click and see a small cinematic/animation and proceed to it's respective section. I have a couple of concerns.
1. What is the best way of loading my project? I've been thinking of using the loadMovie and have placeholders, each section with a progress bar. what should I load when?
2. how can I make the flash movie resize in the browser window using actionscript ? so that I have no problems with screen resolution sizes. I use 1280x1024, but I guess there are still people on 800x600(which is lame) Here is an example of the resizing I mean: [URL]
This code creates a two arbitrary sprites, box and circle, and puts them on the stage. The circle is the child of the box.The purpose of the code is to enable the sprites to resize when the stage is resized. But the sprites only change size when the stage is smaller than their original size. When the stage is big enough, the sprites don't get any bigger than their original size. Throughout, they maintain their proportions.[code]
View 10 RepliesI have a page-like flex application. In my main application is a holder (a canvas) that displays all the pages. The problem is that the components that are loaded inside the holder are bigger than the holder is when the main application starts. The holder height is set to 100% but still he gets scrollbars when I load a bigger component inside of him then himselHow can I solve this problem? And if it isn't solvable would it work correct if I use a viewstack?the holder looks like this:
<mx:canvas height="100%">
</canvas>
But the end of the application is 500 pixels lower so canvas height is 500 pixels high. Now I put a new child inside the holder that is 1000 pixels high.
Here is the link
[URL]
when resizing the window, swf objects overlaps?
I can't remove the right-bar on Internet Explorer: [URL]. In Firefox and Safari everything is perfect... I use overflow-y property to do it. Is maybe not supported bye IE ?
overflow-y:hidden;
I am having a problem with a flash piece that I created. I don't understand why it is doing what it is doing. I am new to flash but I have been developing software and database applications for over 10 years.I am trying to make a horizontal scroller piece that reads in data from an xml document. So basically the XML has properties of image, title, and link, I then load the images and titles into an object spaced out properly and link the image to open a new window when the image is clicked. I have 4 layers:
1. Actions
2. Buttons
3. Layer1
4. Scroller
The buttons layer has 2 buttons on it, one left aligned and one right aligned. When you mouse over the buttons, the images in the scroller move the direction the button image is pointing. The Scroller Layer has an object of type scroller (which i made) and that scroller instance name is scrollerbar.In actionscript I use a sprite object to load the image and then use scrollerbar.addChild(photo) to add the sprite into the scrollerbar. Then I set it's width, height, x and y to be in the correct position.Now when this first runs, it works displays 6 images and titles and they are linked, and has a button on the left and right. When I mouseover either of the buttons, everything gets moved to the right, the buttons, the scroller, and all the images inside the scroller. So the left button is no longer against the left side, and you can hardly see the right button because it almost gets pushed outside the viewable area.Can anyone explain why everything is getting pushed over like that? It only happens the first time you mouse over a button, subsequent mouseovers of either button do not cause this to happen again.[code]
I'm creating windows in a Flex application (AIR) using the mx:Window component. I'd like the window to be automatically sized to its content (because it will be dynamic), in the same way that an mx:Panel or mx:Box would be.I've customized components before, so I'm somewhat familiar with the UIComponent lifecycle, but I'm not quite sure how best to do the logic for auto-sizing a container.If it makes it easier, I'm not expecting that the window auto-size to its content at any time, thought that would be a bonus!
View 1 Repliesi have the following code to play a video stored in the media server:
<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
[code]......
I have a flash movie which covers 100% of the browser window, so the user can scale it as he wants by resizing the browser.
I need a way to find the coordinates to the upper left and lower right of this window in pixels, it sounds simple, but no luck.
Does anyone know how to align objects (movieclips) to the stage, let's says I have a logo and menu positionned on left side and collection of pictures in middle of stage.
I want that after the browser window is resized, the objects are still in the same places but moves dynamically to left side without hiding to user view.
How to detect resolution when browser window is resized?
View 6 RepliesI am creating a component that displays a variable amount of "gauges" (square tiles of content if you will), that is laid out like so:
<HDividedBox id="container">
<VBox id="myComponent">
<HBox id="header">
[code]...
I have a panel with a button in it. Clicking on the button will direct the panel to state "State2" adding another two buttons into the panel. During the state change, I want the panel to resize first and then show the newly added two buttons, so I applied transitions onto the state change.
My question is:
If I put the two buttons within a HBox directly under the addChild tag, it works fine. However, if I create a new component with the same code (HBox with two buttons in it) and then add the new component to the panel (Comp in the code commented), it won't show the resize effect.
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:local="*">
[Code].....
Made first full screen flash. However, container_mc doesnt move to center until window is resized (draged with cursor or minimized then reopened) thus if end user never resizes it container_mc is always half way out of the window. Here is my AS can anyone tell me what I am doing wrong with a pretty in front of that please:
Code:
import flash.display.BitmapData;
container._x = (Stage.width / 2) - (container._width / 2);
container._y = (Stage.height / 2) - (container._height / 2);
[Code]...
I went to the following site, [URK] and I i noticed that the movie took up the whole page but resized if you made the window the smaller.
View 2 RepliesI'm having a little problem with my resize event... I created a component myself, and this component, at each resize event, runs a complex method. Here is the problem: When I maximize or restore my window, this event is called several times in a real short period of time, not letting enough time to my method to run completely before another one starts... I'd like to know if there is anyway of only run this method in the end of each resize movement.
View 4 RepliesI have the following:
var win:Window = new Window();
PopUpManager.addPopUp(win,this,true);
PopUpManager.centerPopUp(win);
What about if I want the popup window to be stretched and be 80% width and height from the parent? How do I achieve that?
My movie clip is not bottom aligned when window is resized. I noticed that everything works when I delete the line which tells the stage to not scale. PHP Code: //Stage.scaleMode = "noscale"; But I need to keep that line because I don't want my swf to scale. My question is how can I resolve the issue with the bottom align of my mc? I already have addListener but seems it does not work when the "noscale" line presents.
View 2 RepliesI have a main movie here that loads in an external swf through a container mc. everything is aligned and positioned to where it should be, and they are also set to that value onresize. the problem is, when my swf is loaded in, it works fine and is in the right position, same when you resize it. BUT, if you resize the window before the swf is loaded, it misaligns, until you resize!!
View 2 Repliesim trying to use this fullbrowser scroller in my site but it appears only if stage/ browser window is resized with mouse. it should appear right away! here is the site ad-d.org and here is the files ad-d.org.zip
View 1 RepliesThe problem is: i have a flash movie (*.swf) 1280w x 640h,, and & want to remove the resize function, i mean block the window from being bigger window. i actually set a noscale function that is working on content, but the problem is with the window..... my code for nonscale is now:
[Code]....