Flex :: Make A Container Resize Based On The Size Of Its Contents?
Mar 16, 2010
I'm trying to create a Flex application that can automatically shrink based on the size of the components that it contains, so that a user can shrink it to a minimal view to see more of the HTML page it's embedded in.
I know how to change the size of the whole application using ExternalInterface, but I'm having trouble automatically figuring out how much the size changed when something is hidden or shown.
For example:
Let's say I have the following flex layout:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">
<mx:VBox width="100%" paddingTop="0" paddingBottom="0"
[Code]....
How can I hide one of the text fields and cause the VBox to shrink? I'm currently setting it to visible = false, but that doesn't seem to affect the parent VBox.
Once the VBox shrinks, how can I detect that the Application no longer needs so much space, and then go about figuring out how much less space it needs?
I've tried using ResizeEvent, but I haven't been able to get them to work, but I could be doing something wrong.
View 1 Replies
Similar Posts:
Dec 12, 2009
How can i make a image resize based on the users screen size in flash?
View 4 Replies
Jan 31, 2011
I've got a combo box like this:
<mx:ComboBox dataProvider="{someArrayCollection}" />
But when the contents of someArrayCollection change, it leaves the combo box too small:How can I trick the combo box into automatically resizing to fit the label of the largest item?
View 2 Replies
Dec 10, 2010
How can i make a image resize based on the users screen size in flash?
View 4 Replies
Dec 17, 2004
How to make a container/Movie Clip dynamically resize such as the effect employed in this site (animations included): [URL]. Furthermore, is it possible to have images load from an XML file and contain the information needed to have the container/Movie Clip resize accordingly.
View 1 Replies
Nov 10, 2003
i want to know how did the creator of otradesign accomplish the effect in his site like the menu and the main contents change size and the menu position according to the size of main contents.
View 5 Replies
Oct 28, 2010
I have a large Group which contains two rulers and labels for distances, and a varied amount of smaller groups consisting of images and labels. Now my task is to print the large group on a page with a header and a footer. The large group extends outside the edge of the page and pushes the footer off the page. If I was printing just the Group, I could use
printJob.addObject(myView, FlexPrintJobScaleType.SHOW_ALL);
to fit it all on one page, but that would scale the header and footer as well, which I don't want - I'll be printing more pages and want the header and footer sizes to stay the same.
Is there a way to scale only the group and its contents automatically before printing?
View 1 Replies
Jul 8, 2010
I am going to have a situation where i have all sorts of different sizes of graphical data coming at me from XML. The only thing that all of these assets have in common is that they will be sharing a 100px by 100px thumbnail and they are SWFs.My question is, how can i make an object fit into the thumbnail so that:1) Theres no cropping of the item2) Items smaller than 100x100 must be enlarged3) Items larger than 100x100 must be shrunk
View 7 Replies
Sep 3, 2009
I'm trying to set up a form that presents a combobox when an ArrayCollection it's bound to has several items, and doesn't present one when it's empty or only has one item. I've tried doing this by creating this class, but unfortunately, the data provider I've bound to is never not empty at the time the setter executes.
public class ComboboxOrFail extends ComboBox
{
public function ComboboxOrFail()
{
[code]....
View 1 Replies
May 19, 2010
I'm building a portfolio full flash site, trying to make a resize to fit with any monitor size. I have two swfs. One main.swf and page.swf as a child which loads within main one.
My problem is when I resize my browser or directly from Flash: main.swf file and resizing with my mouse. The page.swf keeps loading over and over again. I want it loads once and when resize it will fit with size of any browser dimension.[code]...Make resize to fit with any monitor size?
View 0 Replies
Feb 11, 2010
Is there an easy way to make a parent container (eg Group) resize when it's children resize?
Below is a little example app. When I put the 200x200 'food' in the 'stomach' the stomach & it's containing 100x100 'body' should resize to contain the food.
[URL]
<?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]....
View 2 Replies
Mar 29, 2010
I 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]...
View 1 Replies
Jan 30, 2010
I have been looking for a tutorial or thread to help me figure this out. I am trying to make a site that when the browser is resized the objects in the site either resize or keep their position and stay visible. The link below is an example of exactly how I want this to work.[URL]...
Im working in AS2, and Im not sure if this can be done in flash alone or needs to be done in html or a combination of both.
View 1 Replies
Jul 28, 2010
I create an HBox, fill it with a grid of buttons, and set the scroll policy. When I resize the window, the stage changes size, and so does the HBox ... to a point. Once it reaches the height of the Grid it contains, it stops shrinking, like it has a "min-height". This ruins the scrollbar that I'm trying to establish in this case.
I've set the height to 100%, shouldn't it always take the height of the stage, it's parent?[code]....
View 2 Replies
May 3, 2010
I would like to automaticaly resize my button (spark button) according it content (label text) ?
View 3 Replies
Jul 21, 2010
How do I get the size of the content area of Container objects? One non generic solution is checking for styles I suppose but I am looking for some code that works generic for all standard flex Container objects. The controls are Flex 3
View 1 Replies
Dec 21, 2011
When you drag the edge of container with mouse ,how to implement changing the size of container?
View 1 Replies
Sep 8, 2009
I have a component in Flex, and part of that component is a label. Is there a way to automatically adjust the font size to fit into its container?
View 1 Replies
Mar 11, 2011
How can I limit the size of a child container with percentage width/height of 100%?
Example:
<mx:HBox id="container" width="100%" height="100%">
<mx:HBox id="scrollContainer" width="100%" height="100%">
<!-- keep this content limited to the size of "container" -->
[Code]....
Apparently I can get the desired behavior if I change HBox to Canvas but I would still like to know how to accomplish this with a HBox and why it differs from Canvas.
View 3 Replies
Nov 23, 2011
i 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]......
View 1 Replies
Feb 11, 2011
I 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]....
View 2 Replies
Mar 4, 2011
I am working on an Adobe AIR Application. The size on Application window is 800X600 and is contains border container and border container contains many controls. What I want is to if user re-sizes the application then that container should also be re-sized according to scale. i.e If user maximizes or minimizes the window then that border container should also be maximized or minimized respectively.
View 3 Replies
Dec 25, 2010
what's the size of the bootstrap code for cairngorm framework which is based on flex?
View 1 Replies
Mar 22, 2011
I have a component called X. I'm trying to make a menu come down from it when I put my mouse over it.
I have a mouseOver handler which changes the component's state to another state which shows an extra child component (the menu) on the lower part. This of course makes the X component grow.
I also have mouseOut event handler which makes the menu disappear by returning component X to its original state.
When I move the mouse over the component the menu appears as expected. But when I move the mouse down to the menu that is now visible, as soon as I touch it, it disappears. This way it's impossible to reach the menu.
I guess the mouseOut event is triggered as soon as I move out of the old boundaries. Is this so? And how can I avoid it? The new boundaries should now consider the extra child with the menu.
View 1 Replies
Feb 7, 2012
This is what what my screen looks like:
It is composed like this :
First container <s:HGroup>(900 X 100)--top black area
Second container <s:Group> (900 X 475)--middle white area
Third container <s:HGroup>--(900 X 100)--bottom black area
If the project were done with Flex 3, the middle area would be an <mx:Canvas>.
Now suppose I have one BorderContainer(125 X 475) and name it middleContainerChild. It is located on the right side of the middle area. When I set its y postion to -middleContainerChild.height, it should be located at y = -475, outside of the container's body. And as you can see in the image above, it has been placed there.
But other than with <mx:Canvas>, the image still shows, even though it is no longer within the <s:Group>s body, and it is rendered "on top" of the <s:HGroup>.
See the image below for more clarification:
If I use <mx:Canvas>, it is hidden away properly, but if I use a Spark container (not only a group, but any Spark container), it remains visible.
View 2 Replies
Jun 23, 2010
I have a comboBox and values like basic and advanced. And viewstack container conatains 2 grids.When i select the base option in Combobox, the first grid has to be selected. select the advanced value in comboBox, the second grid has to be selected.
<mx:ViewStack id="viewstack1" width="95%" height="85%" x="0" y="63" >
<tables:KeyMetricsBasicTable basicArrayDataProvider="{basicArrayResult1}" width="100%" height="100%"/>
<tables:KeyMetricsAdvTable advArrayDataProvider="{advArrayResult1}" width="100%" height="100%"/>
</mx:ViewStack>
View 1 Replies
Jun 4, 2009
Everyone and their mother asks how to resize their movie to fit the users screen. However, I'd like to know how to resize the actual swf object to fit the movie's content--that is, if I have a movie that dynamically loads text/data into a [vertically] autosized textfield, how can i make the actual swf object expand to show all of that content, letting the browser's scroll bar appear/disappear?
View 3 Replies
Feb 12, 2010
How do you resize a sprite without resizing the contents? For example the script below create a sprite, attaches it to the root, creates a button, attaches the button to the new sprite then resizes the sprite. but it scales the button when I try to resize?[code]...
View 9 Replies
Mar 22, 2005
I'm trying to make a resize effect with actionscript, it all work fine but the problem is that the contents should follow the resize.. example bottons, text and so on... If you know what I mean
[Code]...
View 9 Replies
Mar 4, 2010
I have set a movie clip with instance name if "body" to resize automatically based on the size of the browser window using:
body._x = Stage.width / 2;
body._y = Stage.height - 44;
body._height = Stage.height - 149;
body._width = Stage.width-20;
(that code may not actually have any relevance?)
What I'm wanting to happen is that when the "body" movie clip changes size, I want the objects within it to be scaled proportionally (keeping the x:y ratio the same). The result that I'm wanting will result in the contents (as a whole) being proportionally scaled to the height (because it will always be the smaller dimension in my case) of the current size of the body mc.
I've uploaded my .fla so you can see what im working with. The red square is the body that i've managed to scale but I have not yet added anything within it. (I have tried but it's contents distort when the body is resized)
View 1 Replies
