I have a Flex 3 app that has elements that a user can add to the main canvas then resize and reposition.
There are 3 key functions I am using for the resize which are as follows[code]...
When adding/removing elements to/from a VGroup I need it to happen smoothly, resize the item. I believe I have to use transition effects. But how?
At item (element) level? At VGroup level? Should I use a DataGroup instead and do it at ItemRenderer level?
I've been trying to do it at item level but I still didn't manage to make it work and somehow it doesn't feel right. It feels like it should be done at a higher level.
For example, I defined a "death" state which resizes the item to height=0. But then, after it shrunk, it has to somehow notify VGroup in order for it to be removed or remove itself from VGroup. It feels unnecessarily complicated.
way to associate an effect to inserting and removing items from a VGroup?
How would I make only some elements of my movie resize to fit the screen?For instance: I have a 2000 px wide movie and inside it a centered 1000px wide MC which will aways fit the screen while other elements (the background for examle) won't resize.
View 5 RepliesI am currently working on a project that needs to be resized depending on the size of the browser. I do not have much trouble in terms of coding it, but I have some 'good practice'
I cannot just resize the background of my swf et change the position of the elements on the scene; I need to resize all the elements. So I'm wondering about the text... My main swf is contained in a loader, so I could simply resize it ( the main swf) and all the elements would follow. The problem is I will end up dealing with half pixels and I guess my swf will look filthy...especially the text! Do you think it would be better ( but a lot more fastidious) to resize all the elements independently?
I am trying to create a fullscreen chat program using Flash AS3, and so far, everything is going well, except for when the window is resized, the whole thing is proportionally resized.I would like it to ONLY resize the chat text area, when the resize is done vertically, keeping the controls the same height consistently, also I would like the buttons for sending the chat to maintain their size, with the input box increasing in width when the size is increased horizontally.Obviously the SWF resizing will be done by JavaScript/jQuery .onResize() and thus I will be able to set a mimimum width and height for the swf, maintaining usability.
View 1 RepliesI would like to know if flash can allow the user to arrange elements (in a published swf) on the stage and "lock" their positions so that if the swf is reopened or reset, it will retain the new arrangement. How would you describe this feature?
View 1 Repliesi 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've noticed that the default behaviour for a DataGrid's vertical scroll bar is to scroll one row at a time. This is all well and good when the rows are all uniform and small (e.g. displaying a single line of text), but gets really ugly as soon as you have rows with variable heights.I'm curious, is there a way to make DataGrid scrolling "smooth"? For instance, is there a way to have the DataGrid scroll by a set number of pixels, lines of text, etc. rather than scrolling one row at a time?
So far, the only solution I've managed to come up with is to place the DataGrid in a Canvas and have the Canvas do the scrolling instead of the DataGrid. The issue with this approach, though, is that as soon as the Canvas scrolls far enough, the DataGrid headers scroll off-screen. Ideally, I'd like to get the smooth-scrolling nature of the Canvas, but also keep the DataGrid headers visible.
I have Buttons which I have rotated vertically within a Canvas, that is working fine. The problem occurs, when the user resizes the window to a small size a vertical scroll bar appears, I would rather have each button squashed upto a smaller size.
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="40" maxWidth="40" xmlns:myComponents="myComponents.*"
horizontalScrollPolicy="off"
[code].....
I'm having a little issue with the resize event and resize effect of a VBox.
I have something like this:
<mx:VBox id="container"
backgroundColor="0xFFFFFF"
backgroundAlpha=".9"
paddingTop="15"
paddingLeft="15"
[Code]...
Is it possible to enable the user to resize an object in the flash movie?
What I want is a box for example, that can be dragged and dropped but also resized both vertically and horizontally. For example the user is able to drag the bounds of the box in a direction thereby making the box bigger or smaller. The mouse should also change to tell the user that he/she is enabled to do so.
Anybody has an idea how to accomplish something similar with the gallery in this website?
I have an XML gallery in my project that has pre-specified numbers of columns.
- How it could be possible to detect user's screen resolution (use of Event.RESIZE?) and according to this to change the number of columns - and of course rows?
Forgot to mention that I load records from a database so I am not aware of the total number of images...
I have a datagrid that occupies 100% of browser screen. I want the grid to automatically resize when the browser is resized to small or full screen.
View 1 RepliesAnyone knows a sample code/source, tutorial or example like this gallery: [URL] (resize the browser window to see the effect) What i want is a thumbnail gallery that shows more lines and/or columns according to user resolution (not is necessary to resize the images). It's the same idea when using HTML and creating a thumbnail list with <li> and "float:left".
View 1 RepliesI am having difficulty getting a reference to elements added after compile-time using the 'id' property. I have seen a few forum topics suggesting that this isn't possible, and that getting a reference to elements added this way is trickier, but never just exactly what that trick is. This code throws a fun little: Error: uncaught exception: Error calling method on NPObject! [plugin exception: "ReferenceError: Error #1069: Property canvas_tentpoles_0 not found on SGraph and there is no default value."].
[Code]...
Is it generally to position elements relative to other elements or in absolute values?
View 2 RepliesIve been trying to get flex popups to open under some of my visual elements.
View 1 Repliesdoes anyone know how to shift all the array elements by one or more without deleting the array itself?
Something like rotating the array:
1,2,3,4,5,6,7,8,9,10
10,1,2,3,4,5,6,7,8,9
9,10,1,2,3,4,5,6,7,8
8,9,10,1,2,3,4,5,6,7
7,8,9,10,1,2,3,4,5,6
When i create a menu, the dropdowns go behind the flash element. But in some sites, like Digg, it is shown above. z-index is of no use
View 2 RepliesI have a MenuBar, which is using a XMLListCollection object as a dataProvider.I wish to add and remove elements from this collection at runtime.How to add / remove elements from XMLListCollection ?
View 2 RepliesIs there a way to access the DOM-Elements of a mxml file in a way that you can in JS (e.g. using Prototype or jQuery)?
I need to know if a top-level element has a child (sub-sub-...-childs) with a certain id.
In JS (using prototype) it would be something like:
$('tabs').select('[id="something"]');
Is there any tool available for Flex applications that acts similar to Web Developer or Firebug toolbar to inspect UI elements? Basically in a complex hierarchy of UI controls allowing you to browse the elements and see properties such as x and y coordinates, width, height, id.I'm interested in tools that would allow you to do this at runtime, since most of the properties are dynamic.
View 3 RepliesIn a Flex webapp, is there an easy way to go about applying a sort to the children of an XML element, based on the children's attributes? Example follows below:
XMLListCollection:
<a anotherProp="ABCDE">
<e prop="AB">1</element>
<e prop="BC">2</element>
</a><a anotherProp="FGEH">
<e prop="HF">3</element>
<e prop="AD">4</element>
<e prop="AC">5</element></a>
I would like to sort the <e> elements, within each <a> element separately, according to their "prop" attribute. My code for generating the array containing the <a> elements is along the lines of:
for each(var node:XML in initialInput:XMLListCollection){
if(node.localName()=="a"){
//I was hoping to be able to sort the <e> children of the node variable here
xmlListCollectionVar.addItem(node);
}}
At the end I would like the <a>'s to remain in their defined order, but their <e> children to be sorted based on the "prop" attribute. So far if I try:
node.children().sort=someSortVar
Where someSortVar has its fields set to:
SortFields("e.@prop",...)
I get an exception about a null value. Any way to convert the children list to XMLListCollection, sort it and integrate it back into the node variable?
I'm writing an application in Flex / ActionScript and have a number of class member variables of type Array storing data. My question is: what's the "best" way to clear out an Array object? I noticed the ArrayCollection class has a function removeAll() which does this, but the basic Array class does not. Some possibilities I've considered are:
Iterating through the array, calling pop or shift on each element
Setting the array length to 0
Setting the member variable to a "new Array()" or "[]"
Anyone know how to animate the size/position of child elements of a layout in Flex 4 ?
I have a list component with a custom layout. I want when I change the positions of the child elements I want them to animate their move to the new positions.
Does anyone know if its possible to access children elements in a SWC? I have created some MC's and inside of some of these MC's I have some dynamic textFields. I export the content to a SWC and load it into my Flex project. No problem loading it or accessing the parent elements, they display fine. But I want to access the textfields nestes in the MC's and modify the text. When I debug the app, I can see the textfields as child elements. It's typed as a TextField and the Instance Name is the same as input in the Flash IDE but I cannot access it. When Flex compiles it throws an error saying it doesn't recognize the method. I've tried to insert actionscript on the timeline, linked external classes and nothing can be accessed.
View 3 RepliesI need to animate a lable movement between 2 canvases...The mxml example of the code is:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" applicationComplete="main()" frameRate="1">
<mx:Script>[code].....
Currently the problem is that the label actually do not leave borders of the first canvas (I see scrollbars instead of it).I think this is related to globalToLocal conversion problems, but do not understand how to use it.Also another question is how to animate the movement corretly, because move function performs movement without any visible action.
I have an ArrayCollection as mentioned below.
private var initDG:ArrayCollection = new ArrayCollection([
{fact: "Order #2314", appName: "AA"},
{fact: "Order #2315", appName: "BB"}[code].....
I want to populate a ComboBox with UNIQUE VALUES of "appName" field from the ArrayCollection initDG.
<mx:ComboBox id="appCombo" dataProvider="{initDG}" labelField="appName"/>
One method I could think is to loop through the Array objects and for each object check and push unique appName entries into another Array. Is there any better solution available?
var count:uint = 0;
var textInputs:Array /* of TextInputs */ = [];
for(var i:String in columnsData){
[Code]....
here how can i access the first, second of Array of textinputs in the form of string or any thing to further proceed
What are the inbuilt functions available in flex,actionscript that I can use to find a node with a specific name inside xml variable and what functions could help me manipulate it? Something like Xquery in SQL! I dont want to use for loop everytime I want to manipulate a xml variable. For example, if I want to "cut" node inside this xml and add another attribute to it named enabled pro grammatically. Or how could I find "Find Next" node and delete it?
<menuitem label="Edit">
<m label="Cut"/>
<m label="Copy"/>
<m label="Paste"/>
[code]....