Flex :: Scrolling With The Mouse Wheel On An Application Containing A Spark List?
Mar 18, 2011
I have an Application displaying a spark.List. Every item of my list must be visible (no vertical scroll).
I need my Application to be scrollable in a web browser, so I've add a Scroller containing all my components. When the browser window is too small to contain all my application, scrollBar appears.
My application looks like that :
<?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" xmlns:mx="library://ns.adobe.com/flex/mx" width="100%" height="100%" >
[Code]....
When I scroll with my mouse cursor outside of the List, everythink works fine. When I scroll with my mouse cursor over the List, nothing happends.
It looks like the mousewheel event is stopped by the List, even if the List does not have a scrollbar.
View 2 Replies
Similar Posts:
Aug 27, 2010
I have a spark List with an item renderer and a tile layout. If I scroll by clicking with the mouse on the scroll bar and trying to scroll with the mouse wheel after that, there is a problem: The interval of the scrolling is oversized, instead of scrolling one item down (or up) the List scrolls 4 items down (or up).
[Code]...
View 1 Replies
Mar 7, 2011
I have a component extending a Spark List, and when I scroll using the mouse wheel it scrolls too much in one go. I have tried looking for the handler that deals with mouse wheel scrolling in the List class and VerticalLayout class to override but I cannot find it.
View 1 Replies
Mar 13, 2011
[code]When I hover the upper (red) part of the List (I would like to have the List scroll downward, the higher the mouse position is, the faster it should scroll). Similarly, If the mouse hovers over the bottom (red) part, the List scrolls upwards, and the lower the mouse is hovered, the faster the list would scroll. The current code does work - Though, the trace outs make it obvious that:this.layout.verticalScrollPosition += (mouseY - 220)*0.5.or this.layout.verticalScrollPosition += (mouseY -86)*0.5;are giving jumping effects, is there a way to make these values change more linearly or smoother? I created an AnimateProperty, but that works well only if I would like to scroll to a selectedIndex, In this case, I would like the scroller to keep scrolling linearly as the mouse is hovered to a particular red area, and increase in speed when I scroll to either extremity.The Objective: While the mouse is over the Bottom (red part )of the List, the verticalScrollPosition scrolls faster as it gets farther than the center of the ticket list... yet there is jumping effect going on, I suppose due to the EnterFrame. the Same with Upper Part... the higher the cursor is, the faster the List should scroll.I feel this is a common problem to Flash CSx developers.
View 1 Replies
Dec 31, 2009
Here is a snip from within my code:
[Code]...
The 'recommendations' dataProvider is an ArrayCollection of String, which are generally sentences about as long as this one. By setting the variableRowHeight and wordWrap properties as shown, if a sentence is too long to fit on a single line, everything works fine- the row expands and the messages show on two lines, or occasionally three.
The space allocated for this panel within the entire canvas means if the total text size of 'recommendations' exceeds six lines, I need for the entire list scroll. This is also working just fine. The trouble is when using the mouse wheel to do the scrolling- Flex scrolls both the entire list and the single item where the mouse is hovering. Often this results in only the second half of a sentence being visible. Non-programmer friends I have asked to look at this noticed this, and tell me it as a problem. If a user does not notice the dual scrolling, and sees only a fragment of a sentence, it will be perceived as an error in the application.
[Code]....
View 1 Replies
Jan 5, 2010
Is it possible to disable mousewheel scrolling on my webpage while the cursor is over my flex application?
My flex application is a map that allows user to zoom in and out using the mousewheel; however, when I put my flex app onto my webpage, the scrollwheel causes the page to scroll instead of zooming in and out.[code]...
View 3 Replies
Feb 25, 2011
I have a custom class that extends List which I am using as a container. However, the scroll speed is too fast on the mouse wheel, as in it scrolls loads even if you only move the wheel a tiny bit. I tried adding an event listener to my list for MouseEvent.MOUSE_WHEEL and setting the value of event.delta but this has had no effect. Does anyone know how I can make it slower?
[Code]...
View 2 Replies
Sep 1, 2011
I have a main application that contains a list, using a custom itemRenderer to display data.
I would like to be able to call a function, inside the itemRenderer, from the main application.
When running the app, we have a list with three persons, and a button. I want to call the function myItemRendererFunction() inside the itemRenderer, of the selected item in the list, all this, from the main app.
[Code]...
View 1 Replies
Nov 15, 2011
I would like to make a panarama viewer that scrolls the image left on mouse wheel up and right on mouse wheel down.my image instance is bg_mc
View 10 Replies
Sep 8, 2011
I have a custom component, containing a List displaying items from an XMLListCollection:
[Code]....
Also if I click twice, only 1 mouse click will cause my custom event to be dispatched (because obviously there is no change between the items). how to make my List only react to mouse clicks? UPDATE: Yes, I've tried using "change" event for the List before, but then I have the problem that it is fired, even if the List scrollbar is clicked.
View 1 Replies
Jan 21, 2010
I am trying to manipulate the following code so I can use the mouse wheel with the scroller. I am not sure how to link the two. The scroll bar works fine, I was just wondering if there is a small bit of code that will allow me to do this.
[Code].....
View 0 Replies
Oct 16, 2011
How to scroll Spark list with a disabled scroller bar? I created two buttons to scroll up and down, but it is unclear what methods can be used to scroll the list.
View 1 Replies
Feb 7, 2010
I found this wonderful little game on Newgrounds which somehow allows the user to scroll the mouse wheel without scrolling the HTML page.URL...Does anyone know how they've done this? I know its not a javascript solution because while the game is loading, you can scroll up and down the HTML page (even if your mouse focus is set to the SWF). But as soon as the game starts and initiates, the mouse wheel only affects the SWF and not the HTML.
View 1 Replies
Oct 1, 2008
I'm pretty familiar with Actionscript, and this one has me completely stumped. What I'm trying to do is to prevent people from scrolling a TextArea with their mouse wheel, as the TextArea is inside of a ScrollPane, and at the moment scrolling one will scroll the other (double scrolling). Initially I tried[code]...
View 1 Replies
Oct 1, 2009
im working on a website with a fullscreen toggle feature.On one of the page i got a textfield that gets all the text from an external xml file.I created a custom scrollbar that will allow scrolling for the textfield.Im looking for a way to disable to option of mouse wheel scrolling.When i publish the movie and use the html file it doesnt allow mouse scrolling but when i go to full screen and i try to scroll using the mouse wheel the textbox is scrolling, the problem is that my custom scrollbar isn't. is there a way to make sure that the scrolling will be disabled at all time ?
View 2 Replies
Sep 28, 2009
How can I tell when I have reached the bottom of the dynamic text(agreeText) when using the mouse wheel. I have a scroll bar(scroller) and to know when I get to the bottom I use the follow...
ActionScript Code:
scroller.addEventListener('scroll', evokeAgreement);
function evokeAgreement(evt){
if(scroller.scrollPosition > 164)
....
View 2 Replies
Feb 3, 2010
I have been trying to find a way to make my flash slider bar work with the mouse wheel, but can't find how to integrate with the code I already have.
ActionScript Code:
scrolling = function () {
var scrollHeight:Number = scrollTrack._height;
var contentHeight:Number = contentMain._height;
var scrollFaceHeight:Number = scrollFace._height;
var maskHeight:Number = maskedView._height;
[Code] .....
View 0 Replies
Oct 23, 2011
I download .fla with working scrolling script and optimized it under my project.All would be good, but theres no mouse wheel support. I'm trying to get it, but i can't.
My code:
ActionScript Code:
scrolling = function () {
var scrollHeight:Number = scrollTrack._height;
var contentHeight:Number = contentMain._height;
[code]....
View 1 Replies
Dec 19, 2011
Essentially, I have flash content that scrolls on mouse wheel. It works fine, unless there is other content in the browser such that the browser's scrollbar is enabled - when that is the case, both the browser window AND my SWF scroll on mouse wheel. Is there any way to correct this behavior?
Similar question asked here:
disable mouse wheel scrolling while cursor over flex app?
which references the solution blogged about here:
[URL]
But the solution does not work on all browsers! While it works on some Windows browsers, it doesn't work at all on Mac OS X - it registers mouse wheel events in Firefox, but they are not getting fired at all in Chrome and Safari.
Now I know that (per the official Adobe InteractiveObject docs) mouse wheel is supposedly only supported on Windows systems, but the event is still fired by default on Mac OS X. Is this simultaneous scroll bug the reason it is not supported?
Edit: adding more info on above solution...
Note that the above solution basically uses ExternalInterface to send the following JavaScript to the "eval" function:
var browserScrolling;
function allowBrowserScroll(value) {
browserScrolling = value;
[Code]....
View 2 Replies
Aug 27, 2009
I am experiencing no scrolling below a certain scroll velocity on both mouse and trackpad on my Macbook in Safari 4.I have the mouse wheel events working on my mac through the javascript bridge from http:[url]..... I also have normalized the delta in my actionscript to be -2 if below 0, and +2 if above 0. Testing the delta on the javascript side, the mouse wheel at the slowest I can scroll it reads well above or below 0, and the trackpad reads around .025 to -.025... so I'm wondering why is it that Safari doesn't see this until higher speeds?Scrolling works, I just have to give the wheel some speed before it kicks in. It works perfectly in Firefox.
View 0 Replies
Dec 8, 2009
I know this is simple but I dont know how to do it. code so that when you scroll the mouse wheel up and down, the number in a dynamic text box will also go up and down relevant to which direction you scroll the wheel on the mouse.
View 0 Replies
Jan 14, 2012
I searched for this a lot, but I couldn't find a solution for this 'bug' as it's called here:click on first flash, and use mouse wheel, then click on second flash and use mouse wheel again. Now You know perfectly what 'bug' I mean.The thing is, I believe this bug can be solved WITHOUT externalinterface. This chat is made with AS 3:pen 'codebox', hold ENTER to make a hundred of lines or so, and then test your mouse wheel.It doesn't use any externalinterface technique (both obviously as it's Kongregate, and confirmed by author), just mx.component.textArea that itself implements the scrolling nicely.I couldn't achieve that with even.preventDefault or stopPropagation.
View 1 Replies
Jul 1, 2011
I have a renderer that looks like this:
[Code]...
Loading thumbnails using this method works perfectly. The issue happens when you scroll the List.
View 1 Replies
Mar 4, 2011
I have researched the infamous 'Flash hogging keyboard focus' issue, but I believe our issue may involve a workaround that someone else has already come across. I've tried the various solutions I've found on stackoverflow and other sites, which I summarize below.We have a web app, and a particular interface loads several divs that we are using as "tabs". When a user clicks one of the tabs, we hide the current div and un-hide the new one. Our main tab (which is loaded when the page loads) embeds a document from Scribd, which is loaded as a Flash movie. When a user clicks on the Flash movie, they scroll with the mouse/keyboard like normal, and when they click outside of the document control returns as expected.When they navigate to another tab and then return to the original tab and click on the embedded Flash to navigate within it, the embedded Flash steals control of the mouse scroll and won't let it go. The user can click in this document and scroll with the arrow keys and then click out of the document and scroll the parent window with the arrow keys, but mouse scrolling is still bound to the embedded Flash movie. The only remedy is a hard page refresh.[code]This doesn't work -- I can confirm that the element is removed from the DOM, but when it is returned to the DOM it hogs mouse scrolling when clicked just like before.I also tried a similar solution, but instead of removing the element I called [code]
View 1 Replies
May 26, 2011
Flex 3 List control had a itemRollOver event. Flex 4 List doesn't have it. Is there an equivalent or a workaround for this issue?
View 2 Replies
Jun 28, 2010
I'm trying to animate a list as I delete the top row. All the examples I can find use itemsChangeEffect to bind to the effect, but this property exists only in MX lists, not spark lists.
Any idea how I can get the same effect done in Spark Lists?
I'm trying to remove the top most item in the list with a slight fade out effect before the rest of the items move up to replace the gap.
View 2 Replies
Jan 25, 2011
I am creating an application in Flash CS5 which will be published for iPhone. I need to scroll a list of entries, just like we have a list of songs in iPhone. I am not able to get how to make the scrolling of the list possible. I tried using TouchEvent class but it is not firing any method in Device Central.
View 1 Replies
Sep 8, 2011
I face a problem while i am try to scroll up or down the content in a scroller via viewport. my MXML cod is
[Code]...
View 2 Replies
Aug 25, 2011
I have a Spark List with a data provider consisting of a list of filled out form applications. What is the best way to add a button to each List Item (form application)? This button will be named Open and will navigate to the specified form application.
View 2 Replies
Apr 3, 2010
If a SWF file or even a component within it has scrollbars, wouldn't it make sense that if the user is hovered over that area (it's in focus) and uses the mouse wheel, that this movement would automatically translate to the scrollbar moving.Any ideas how this is done, the events or classes used for this? I'm open to outside components or classes too. I haven't started yet, but I'll do an item renderer because it's easy to give it scrollbar.
View 1 Replies