Actionscript 3 :: Spark Container Not Hiding Contents Outside Of Its Body
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.
I have a spark TabBar and I want to hide and show some elements of it from an external user input (namely a checkbox check)
I am having trouble changing the tabs visibility. They are currently always shown.
I have seen a getTabAt on the mx TabBar but the look of the tab is important and the requirement is for it to look like a tab bar rather than a button bar.
My code for the tabs and for hiding and showing is below:
it's all fine and dandy, the data gets populated correctly and i verified that the data.image_path property arrives safe and sound inside the itemrenderer.
my only problem is: the image is not displaying. i am not sure if it doesn't render at all or if it's just not visible somehow.
I'm using the Spark DataGrid for the first time and finding it generally very usable.There's something I'd like to do with the contents of my grid now that I've drawn it though and I'm a bit stuck as how to proceed.I'd like to make a function that runs through each cell of a certain column in the DataGrid, that checks each value against an Array of predefined values; if it finds a match, it should then highlight the cell as conflicting, by changing its colour.I know you can access a particular cell's item renderer, by using the getItemRendererAt() function, and passing the column and row indices. But I can't see how I would, for example, loop through the values in each column
I have a list component with a (row oriented) tile layout in a group that sits in the main Application. I want the list to be centred vertically when there are not enough items in to fill the application window height, so verticalCenter="0". However, when there are more items than can fit vertically on screen, the list expands beyond the application window height and the scrollbar doesn't kick in. I can remedy this if setting the list height to 100%, but that means it's not vertically centred when it contains less items. The ideal solution would be maxHeight="100%", but of course maxHeight doesn't work with percentages. How would I go about achieving this behaviour?
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.
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.
do I have to necessarily have a application container as the root node in my mxml file?econd, I was reading this document on adobe's website and it says that the spark application container has no scroll bars by default and they can be added by using a custom skin. (Look at the table comparing the mx and spark application containers). But my problem is that my application container already has scroll bars by default and I want to get rid of them. I have a main application container with a custom child component that already has scroll bars. I just want the child to have the scroll bars and not the main application
I have to necessarily have a application container as the root node in my mxml file? Second, I was reading this document on adobe's website and it says that the spark application container has no scroll bars by default and they can be added by using a custom skin. (Look at the table comparing the mx and spark application containers). But my problem is that my application container already has scroll bars by default and I want to get rid of them. I have a main application container with a custom child component that already has scroll bars. I just want the child to have the scroll bars and not the main application. Right now I get 2 scroll bars nested within each other.
I have built a simple Flash application that will be presented using a projector, the application will show messages in the form of questions that will come from a simple flat-file text file or XML file.
In addition to this I would also like to be able to add my own messages using a simple HTML form.
I've been looking around the web for some resources, but have been struggling to find what I am looking for. The basic idea is that the flash application will loop through these different messages from the XML, but then when a user types in a message that will also appear within these messages. Think of it as a sort of dynamic tag cloud.
I'm customizing an xml flash website and while I can handle all the html and xml well enough, but in Flash, I have no clue how to: Now go on the stage, and delete the contents of the last layer(background & pattern). Here, add from the library, the square movieclip, and name it mcBackColor(see attached image).And then to add your swf background in the "background & pattern" layer from the main.fla file.
I can change the name, but don't know how to delete just the contents of the layer and then add the new clip.I've made a slideshow before and that's all I can do.
So when you hold your finger over a row in the items Scroller for more than a 30 seconds, the touchView becomes visible so does the dummyRow. The dummyRow gets populated to look like the row which you held your finger over.
So the touchView has the event handlers for moving your fingers and places the dummyRow where your finger is. The problem I am having is even though the touchView is reacting to my move events, the scroller still keeps reacting to my move events as well even though it's a sub layer. Because I started on the scroller it still keeps track!
How can I remove focus / tracking from the scroller?
I'm looking to add a couple of buttons to the title bar of a Spark Panel or Spark TitleWindow. Is this possible to do without making the panel from scratch?
In a Flex Mobile project I have a simple itemRenderer where I'm trying to create an "bubble" texting effect, similar to ichat or iphone (just so you get what im going for). But if the text is longer than the screen it runs off, rather than just going down a line.
If I set Group thats holding the rectangle(to create the bubble effect) and the label to 100% it works and keeps it from exceeding the list containers bounds, BUT the group is always at 100% and looks bad, I'm trying to keep the "bubble" JUST AROUND the text.
Anyway so, at the top of my itemRenderer I tried specifying:
And here's my layout I figured since msg_container has a width of 100% I was hoping bubble_lable_group would just not exceed that but...it doesnt...it just runs off. I tried setting a max width but that does not allow you to input percents. And just to say it 1 more time. I know if i set bubble_lable_group width to 100% it works, and keeps it from going off the edge, but then the rectangle "bubble" stretches all the way across and just looks bad.
I am facing a issue in Flash container. I am having a project which has main container which call different SWFs into it. Now I call this main container file into another container, and their problem starts. Many option doesn't work properly which generally have _root, _parent etc...
If I want to run project (main container SWF and child SWFs) into another container file which place on a website. I want to show whole project from this container file so what I need to do?
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 am creating an flex Air project,so mxml file will run. I have circles in one Big circle at one side and will be same on other side.
Now how to drag any circle from any Big circle to other side. Or it could be like any two container having circles, then how to drag and drop circle?
For one circle i am able to do drag and drop.But I want one Big circle on left hand side and one big circle on right hand side .And small circles with class names will be in these big circles.Now i want to drag and drop those small circles in big circles.Big cicles should not move. Even i have tried this code in actionscript
I need to place an image into a container. The problem is that I will not know the size of the image or the container beforehand, so it all has to be dynamic.this is how I started (have not gotten to stage(or container) changing size yet. No matter what I try, either all the images are the same width, or they are all the same height. If some images are portrait and other landscape, I don't want all the images to be X pixels high. In this variation of the code, all the images turn out the same height, regardless of portrait or landscape.
ActionScript Code: var ratio:Number = container.width/container.height;//get the ratio, if width is bigger than height then ratio is greater than 1, else ratio is smaller than 1
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.
I'm currently working on a custom component which extends Canvas (let's call it SuperCanvas) ; it's basically a container that let you zoom & pan its contents. It would be too long to explain why, but I can't use scrollRect, so I was forced to declare a Canvas object (called innerCanvas)... inside my SuperCanvas (I know, not very nice =/) I would like to know if there's a proper way to "redirect" the creation of my component's children in this canvas.
I am trying to create the code for a navigation in Actionscript 3, but I get the error "Function has no body". And the test just plays over and over without stopping?
Ive been advised to do the this to get rid of borders within my HTML page [code]Im new to flash so im unsure where the body line of My HTML.is and where to paste the command
I m using URLLoader to send a post request. The server returns HTTP code 404 in case the parameters are wrong, and puts the error message in the response body.Get resoinse body when URLLoader gets 404
The problem is that if the response has code 404, the IOError listener is called and I can't see the body of the response.
Is there a way to tell the URLLoader to ignore HTTP codes and always call the Completed listener?
Or maybe there is a way to get the response body in the IOError listener throw the IOErrorEvent? I couldn't find such a way.
I've got a fun problem for ya'll. I've got an XML flash menu with sub menus and all. When you click and menu item with a sub menu, the menu expands nicely. When you click to navigate to a new page the menu "closes" to its basic appearance...
What I'm trying to do is have the menu expanded at the appropriate point automatically if you're on a sub menu page. I've been thinking how to do this and I'm guessing CSS would be the key. Could the flash menu detect a BODY ID and expand appropriately should it detect the right body id.Check out the ZIP file for source files HTML/CSS/FLASH/XML.
This clients site has a flash menu, but the content of the page is in html. I know how to write the actionscript so that each menu button links to a different html page. However, I would also like the flash menu to show each page buttons link as "Active" when its on that certain page.For example, I'm on the home page. The "home" link in the flash menu is hilited. I click "products", and the products.html loads. I'm not sure how to write the actionscript so that the "products" link in the flash menu is now hilited. The only way I know to do it, would be to create a different menu.swf for each page. But I'm sure there's a way to do it using only one menu.swf.
Also, I'm doing the menu.swf on a timeline in the fla. I'm not sure how to do it otherwise or if what I need can be done on a timeline.
How do you post code within the body of a message, so that it is formatted and set apart from regular text. I haven't seen where this is listed in FAQ.
I have a problem running this program. An error "function does not have a body" pops up. stop(); import flash.events.MouseEvent start_.addEventListener(MouseEvent.CLICK, onClick); function onClick(event:MouseEvent):void gotoAndStop(1,"Scene 247"); gotoAndStop(1,"Menu");
