Flex :: Scroll Elements On Canvas In Different States And In Different Containers And Not Move Others
Dec 2, 2010
I generate panels dynamically and put them in other states in that way so in one state you have a list of panels on the left and one big panel on the right for example in one state and when you click on the list on the left (with small panels) that panels takes the places of the big panel and the big one goes back in the place. So I have 50 panels on the left and i want to scroll them down but I don't want to big panel to go down with them I want it fixed. this is where I got and I don't know how to do that here is my code:
enter code here
protected function canvas1_creationCompleteHandler(event:FlexEvent):void
{
blurEffect= new BlurEffect(myBlur,myUnBlur);
listEventsResult.token=eventService.listEvent();
I want to dynamically add different items to thumbContent canvas and use scroller canvas to scroll. I see than the height of thumbContent bigger than 7977 it truncate from scrolling. So - I see the scroller canvas with empty space on top. Then I scroll to bottom - I see the content of thumbContent and at bottom scrolling I see empty space too.
I wanna add dynamically (at runtime) new states to a container and, to this states, add different elements (like TextInput, Label etc.). This must be done from actionscript, I don't use any mxml file. I can add states and change properties or styles for different elements, but I didn't figured out how to add child elements for different states.
As part of requirements for a new feature of "locking" a page, it is desired to have all elements on a locked page be non-selectable. This is not to be confused with disabled. All elements should appear as if the page were active, but not be selectable.The current thought is to create a clear canvas and place it over the existing elements. With this thought, I have two questions:if you can think of a better way to make all items non-selectable than applying a clear canvas element over the existing elements could you describe it?if not, what is the best way to retrofit existing implementations to accept the overlayed canvas item? BTW, all .mxml pages inherit from a custom .as file.
The basis for the chat window is a canvas. I've got that showing, but how do I make it scroll up? I want to clip the window so only the last 15 lines are shown.[code]...
So I have multiple containers made dynamically in AS3The content of these containers exceed the container, so I have scrollbars.My question is, how can I scroll in these containers with only a mouse.move.The other mouse.move articles I read is for one container.
I'm using a list element with variableRowHeight and word-wrap set to true like in the example below:
[URL]
When I scroll through the list with a mouse scrollwheel the text in the listItems also scroll. I know that this is to do with the height of the textField...
I am trying to develeop a Graph Structure with drag and drop features in Flex. I have to connect various components/children on the canvas. Once i drag n drop the components on the canvas, i am using SystemManager event handlers to draw connectors between the components. But, as i click on one component and drag the mouse, the line is drawn on the canvas as long as my mouse stays only on the canvas. If the mouse moves over a component/child(that has been dragged and dropped onto the canvas), the line is drawn to the origin of the canvas from the first clicked component. How shud i recognize the component when i move my mouse over the component? I want the line to be drawn connecting the components once my mouseup event is called.
I'm attempting to find overlap between elements on a flex canvas, an adaptation of Url...The attempt here is to place some text and figure overlap with previously placed text. [code]do not seem to capture the elements placed on the canvas dynamically. [code]
i have an .as class that extends mx.containers.Canvas (it's a draggable border of a resizable component), it becomes draggable on MOUSE_DOWN and stops being draggable on MOUSE_UP, MOUSE_OUT and ROLL_OUT. before calling startDrag() i create a Rectangle to define the drag area, i also have a _dragging: Boolean variable to control if it's draggable at the moment. the problem is that when i click this border it jumps to a negative coordinate without calling startDrag or switching _dragging to true.
i've overriden get x, set x, get y, set y and move() methods in order to solve it but the only thing i got was the fact that position changes without calling coords setters or move(), but at the moment it's changed a getter is called and returns new (negative) value so my question is what happens on startDrag() and how to filter unwanted incoming coords values?
I have Flash 8. I created a Flash movie a number of years ago, probably in an early version of Flash. I use it on my website. I want to redesign my site and make the movie smaller from the standpoint of making the canvas/stage size smaller. I don't mean just compressing the flash movie to a smaller swf. Is there some quick way to do this without having to recreate the movie and put in smaller elements?
I'm trying to skin a canvas with an image (which is essentially a custom border for the canvas). I've been trying the backgroundImage style as well as the borderSkin style. I can't get the image to scale to the full size of the canvas though. I was wondering what the best way to go about this is.[code]...
I am making a platformer in actionscript 2 for a school project and I've run into trouble.
I'm using a big (5755px or something, if I recall correctly) bitmap as a background for my game so I need the camera to center on the main character movie clip which is situated in the beginning of the stage (and bitmap).
So, in order to use the full canvas I need to center the camera at the far left of the canvas.
This would be something essential for me to be able to use the entire canvas but I couldn't find anything on the internet about it .
I have several nested VBoxes in flex, and I'm aiming for one of them to get scrollbars if the total content is larger than the window height. However, when I grow the container, it doesn't get scrollbars at all (vertical scroll policy is AUTO), and the outer container stretches past the bottom of the screen, causing the entire app to get scrollbars. So it looks something like this:
I have the following scenario: I create an HBox with a width of 1000000px (one million pixels of width). this big HBox is contained inside another small HBox that has a width of 1000 px
[Code]...
Inside this big HBox I create a bitmapFill of a simple image, its just a pattern of lines the problem is that the scrollBar of the small hbox doesnt work well, it just stops halfway, the thumb of the scrollbar keeps going, but the scrolling stops and the end of the big hbox is not beign reached. Here is the part of the code that makes the bitmapfill:
Is mx.containers.HDividedBox deprecated by some spark container in Flex 4.5? I'm new to Flex programming and can't find any spark replacement for it.I want to have 2 Lists separated by movable vertical bar.
[Flex 4] Float left or right in layouts or containers?i have a main container, that is dynamic, 100% width, and in it there are 3 components. one should be floating to left, to right and the other will be centered. how do i do that?
Is it possible to create Accordion with only the headers without adding any containers in it? Is there a way so that I can just create the Accordion with three sections with only labels?
I'm new to Flash Builder 4 and Actionscript 3 (actually, to programming as a whole beyond some very simplistic stuff). I have watched / read a bunch of tutorials, and started a project but now seem to have hit a wall. The answer is most likely simple, but seems to be alluding me.
How do I (or What approach should I take) to control visual elements, for instance, BorderContainer's, that I created dynamically?
As is, I have an Application containing a BorderContainer and a DataGrid. At runtime, 3 new BorderContainers (which are dragable, and resizeable) are created based on XML data that contains X & Y co-ordinates, and Height and Width values, and then added to the pre-existing BorderContainer. How would I go about getting the properties of these children BorderContainers to be displayed and remain up-to-date in the DataGrid (such as when they are moved/resized)?
Is there a way to link two Scroller containers in Adobe Flex? As in, when one scroller is modified, the same modifications will be reflected in a second scrolling container?What I am trying to do is have an image and label on different areas of the screen that are swipable, and when they are swiped/changed I want the same change to be reflected in the other Scroller container.
Here is my initial Scroller container with images that the label Scroller container should correspond to:
I am having trouble with a job I am doing at the moment which has an mc with buttons within it. I want it so that when I roll over the mc it tweens from a small version to a larger version, and on this mc there are some buttons. At the moment I can get the mc to move but the buttons remain inactive and also the rollover states on the buttons don't work. I have attached a simpler version of what I am trying to do to this post.
My problem is pretty simple: Flex containers do layout based on un-transformed children, and so rotated children are positioned as if there were no rotation, but then they're rotated around the top-left of that position. I've attached an image to show what I mean. Can I wrap the components in something? Or do I have to resort to custom components or fixed layouts? The image inlining doesn't look like it's working to me. Link to example image: [URL]
I have a panel and i have set minWidth and width for it. The code looks like this <s:Panel id="adg1" x="199" y="164" width="200" minWidth="300" title="Title"> Here the expected behaviour is width of the panel should be 300 since the minWidth > width,but the panel width is 200.I dont understand where i have went wrong.
i am trying to make a some groups within a predefined group at run time. i can make groups, the code is working fine. Now i have added two buttons in each group which is created in run time. now the problem is one of the button is x . the property of button should be when i click on it it should delete the very specific group in which it is built. please check out the code and tell me what additions should i make.
I have a VBox, I assigned a handler to click, and inside the VBox I have components such as images and texts with no handler assigned for click. Would the click function be called when I click on the text and image? If not how can I make it so without assigning handlers individually, but on the container level?
I have a custom component ExpandCollapseMenu that extends SkinnableContainer.This component can have state "normal" or "expanded".Inside this component I have buttons, with different skin based on ExpandCollapseMenu's state.This works fine when defining the buttons inside ExpandCollapsMenu's skin class:
Over 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.
