Flex :: Increase The Height Of Container Dynamically And Introduce Scrollbar On The Browser
Mar 29, 2010
I am trying to increase the height of container with increase in the number of contents inside the container. Like in my case i m using tileList inside tabNavigator , when I put contents inside the tileList, the height of tileList does not increase beyond vertical height of the viewport. It puts scrollbar on the container. I want to increase the height of an flex container with increase in the contents and introduce scrollbar on the browser with increase in contents in the flex container.
I have a panel inside which I have a datagrid and a button. The functionality is that when I click the button, an row gets added to the data grid. I have described the pane height and width in %. But as the number of rows in the data grid increase, due to fixed panel height, a scroll bar appears in the data grid. But I want the panel height to increase dynamically as I increase the data grid rows.This is my flex code:
I have an image gallery with a bunch of thumbnails displayed on the page in a grid-like layout. Currently, the swf sits in a HTML page set at 100% width and height. There's a resize listener that adjusts the layout so that the thumbnails all fit on the page at once. So, as the browser window gets narrower, the columns decrease and rows increase as the thumbnails get pushed down the page.
The problem is, once the thumbnails get pushed far down far enough to go past the bottom of the browser, the overflow is hidden and the thumbs "below the fold" are not accessible. Is there a way to pass the dynamic height of the SWF, so that the browser detects whether or not it should display the side scroll bar?
Im currently working on a full dynamic flash website and I want it to look and behave like a good old HTML/CSS page. Meaning that i want a regular browser scrollBar to appear/disappear when the movie height is changed.
So my new killer app simply demands a width of 1000 pixels, but can be any height, and I want people to see the vertical scrollBar on their browser.
I changed the "100%" for the width to a fixed number like "1000", and keep the height parameters at 100%. I thought that will do the job, But NOT I�ve googled and found some interesting stuff, but nothing really I can use (javascript solutions).
I am using the AutoComplete component in my Flex website. Everything is fine, but there is one issue. If I type something in the text area, and the items that are searched are alot, i want to increase the height of the dropdown box.
Below is the code to my autocomplete <auto:AutoComplete borderStyle="none" id="txt_global_search" textAlign="left" prompt="Search Content" dataProvider="{global_search_list}" allowEditingNewValues="true" allowMultipleSelection="true" allowNewValues="true" backspaceAction="remove" [Code] .....
I have a loop that goes through data from a book and displays it. The book is not consistent in it's layout so I am trying to display it in two different ways. First way(works fine) is to load the text from that section in to a panel and display it. The second way is to create a new panel (panel creates fine) and then add collapsable panels(nested) to that panel. Here is the code from the else loop.
else if (newPanel == false){ // simpleData is just for the title bar of the new panel // otherwise the panel has no content
[Code]....
The error I get is: ReferenceError: Error #1069: Property panel4.4 not found on components.readTest and there is no default value.
I have tried setting the "name" property instead of the "id" property.
I want to constrain the height of a flex component to the height of the browser viewport.
The component's children are populated from a database table using a repeater, and are basic checkboxes. There are enough of them that the flex app ends up being about twice the height of the screen, which means some of the rest of the layout goes crappy on me. How can I force the component that contains these to limit itself to the size of the viewport?
If I have a container, and I set clipContent to true, how do I get the total height of the children inside it? Is there a method for doing this without itinerating through every child and summing the heights?
what is the actual height of a container in Flex without scrollbars? Height and measuredheight seem to tell me what the visual height of a container is, but I want to know that number plus any height that is being 'hidden" below a scrollbar.
I have code like the following: <s:VGroup gap="10" id="group" height="100%"> <s:Label text="This is page 2" /> <s:Button content="Resize Canvas" click="resize(event);"/> <mx:Canvas id="photoCanvas" color="#567898" backgroundColor="#125567"> </mx:Canvas> </s:VGroup>
I don't understand why the following does not work: Pushing the Button resizes the photoCanvas's height (gets taller or smaller). Since the photoCanvas control is a child element of the VGroup shouldn't the container update itself to the new height? The Vgroup has ALWAYS the same height, no matter what the (total) height of the children is! I would like the VGroup to adjust itself and get a height value equal to the sum of its children heights. Is this not possible??
I made a scrollbar class that works pretty well. I'm trying to come up with an idea for how to set to the height of the scrollbar vs the height of the scrolling content. This is a standard thing that happen in the OS. Seems there should be a minimum number and the maximum value should be reached as the size of the content approaches the size of the visible area.
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.
I've created a dynamic text field, and set autoSize to true, so it can grow was tall as necessary. I then want to use the _height value to size a container graphic (speech bubble). Here's the (simplified) code:
[Code]....
Returns 19.6 followed immediately by 35.2. It's as though reading txt._height causes it to recalculate, so it's correct the second time. I also tried the textHeight property, which also seems to get recalculated after _height is accessed. This sequence, for example:
I want to dynamically add component in Container like Canvas(TileList constraints each child has the same size, GridList is poor in performance), for example
[Code]...
when I click the button, I hope add a component(whatever the component is, and maybe each component has different size), and if the total width of all added child is greater than myHolder, I hope the new child can begin in new line, and stretch the height of myHolder at the same time.(layout with custom code is better)
I'm trying to display a custom component i made inside a panel but when it renders the content is displayed outside of the panel box and there's no scrollbar.a panelan instance of myComponent inside the panela button that calls a method on myComponent that adds some controls into itWhen i run the application and press the button the following is displayed:See that the controls added dynamically in myComponent get over the panel's bottom line instead of showing only the visible part of the component and a scrollbar.
I have a scenario where I want to dynamically add words of text to a container so that it forms a paragraph of text which is wrapped neatly according to the size of the parent container. Each text element will have differing formatting, and will have differing user interaction options. For example, imagine the text " has just spoken out about ". Each word will be added to the container one at a time, at run time. The username in this case would be bold, and if clicked on will trigger an event. Same with the news article. The rest of the text is just plain text which, when clicked on, would do nothing.
Now, I'm using Flex 3 so I don't have access to the fancy new text formatting tools. I've implemented a solution where the words are plotted onto a canvas, but this means that the words are wrapped at a particular y position (an arbitrary value I've chosen). When the container is resized, the words still wrap at that position which leaves lots of space.I thought about adding each text element to an Array Collection and using this as a datasource for a Tile List, but Tile Lists don't support variable column widths (in my limited knowledge) so each word would use the same amount of space which isn't ideal. how I can plot words onto a container so that I can retain formatting, events and word wrapping at paragraph level, even if the container is resized?
I have been stuck on this for far too long. I think it's simple so I must be misunderstanding something. I want these to display across the full width of my flash app. When I shrink the width of the flash player I want a scrollbar to appear. At the moment no scroll bar is appearing.
I am a very fresh guy in flash, I have experince in Javascript , C++ and other programming languages. So I am very much interested in doing task with Action script and get results which are not possible by GUI.I want increase the height of Movie clip using action script, So I tried to increase .height property the height increased but It increased in both direction top & bottom) I want to keep it bottom fix. I tried ScaleY, too but no luck.Somehow we can adjust the bottom after resizing but it won;t give good effect when we are using tweening or other animation.
i have a mc which seize is height = 150 and width = 2 (like a line). i have a script which rotate this line and increases its length. this works, however i dont know how to keep the width so that it wil remain 2. this is the scrip in as3 :
function rotateMoveClip_u(e:Event) { var target=(center.x);
I am trying to increase a swf file height and width so it can fit better in my screen. I don't want to rework on everything again in my fla file because it's big hassle. (changing background size makes every symbol off). Are there anyway to do it?
I am developing small application for training purposes. There after click on the button is done, the new panel is added to application, to the button of the application. Once I come across strange problem. The vertical scroll bar never appears.
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.
In my Flex application, I've got a component that extends UIComponent where I'm loading images at runtime and try to display them. I've tried lots of different approaches (using beginBitmapFill(), using different containers), but I can't get things to work as I want. The problem seems to be related to the width and height properties of the image, which aren't updated correctly.The idea is:
var sprite:Sprite = new Sprite(); addChild(sprite); var im:Image = new Image();[code].....
The image's width and height doesn't seem to be correct when it's loaded. I get width==0 (and nothing is displayed), but the property $width seems to be correct. How can I assure that width and height of the loaded image is updated?
Does anyone know how to get the width and height in ActionScript for a Flex application running inside the flash player in the web browser.
e.g. In the web browser I can use the tag to embed a Flex application (as a .swf). To the embed tag, I can provide the dimensions. I would like to get these dimensions inside the flex application action script.
