Flash :: FLEX - Disable Mousescroll For Scrollbars?
Jan 12, 2012
I'm looking for a way to disable the scrolling of the vertical and horizontal scrollbars when scrolling the mouse. I use the mouse scroll to zoom in and out, and I don't want the scrollbars to scroll while scrolling the mouse wheel.. (But I do need the scrollbars to be visible).
How do you change the html scrollbar (the one that you see in the far right of your browser) with your own images? I know it's possible because i've seen it before.
P.S.: I am aware of and I know how to change the color of the scrollbar. That is not what's expected. Also i think it's made possible by Javascript.
I have a rotating menu that uses mousescroll and onClick functions to rotate around the menu, I have the onClick function working how I want it but I can't seem to get the MouseScroll to work the same as the onClick. this is how the menu looks [URL] if anyone would be able to I can post a link to files which would give a better idea of whats happening.
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'm using an iFrame in a Flex 3 project. The problem is that if the user opens my site in a small browser window, they don't get scrollbars. How can I solve this problem? Is there a way to force the browser to put up scrollbars?
If I set the main app to horizontalScrollPolicy="on" verticalScrollPolicy="on" or to "auto", then as you scroll down, the iFrame is stuck to the top of the browser window and obscures the content.
It's going to be used to view complicated scenes in 3D, but to make it work on laptops it's instead showing pre-rendered 360 degree renders of the objects.When you load an object, it first buffers 360 frames into memory, so that you can rotate around this object smoothly. When you release the mouse button, it loads in the high-res image of that frame.
Then, you should be able to zoom in and move around to inspect the model closer.Problem here is when I have the scrollbars enabled it wont work properly.Firstly, I had a problem where the vertical scrollbar moved out of the picture when I was scrolling the horizontal scrollbar.
Then after some more testing, they now stay where they should, but when I zoom in (will post code below) the horizontal scrollbar is not able to go far enough to the left to show the whole image.What happens is, when I zoom in, the scrollbar remains at it's left position, but I zoom in on the center of the image (zooming, by scaling the container. The image fill the container).
My problem is probably just a result of me overlooking some basic understanding. And sorry if the code is a bit messy, I've only done a little bit of clean up. The code I post below is without any scrollbars visible.
You can see that I've tried using scrollbar components too, and it works somehow. But I'm not able to scale the scrollbar depending on the content, so if I zoom in or out, the handle you drag on the scrollbar will be the same...
I can take snapshot of a component. But the problem is the component is lil bigger with scroll bars. The saved image has scrollbars (only the visible area is getting saved). What i need is I want the entire component to be saved as an image.
This exact functionality is available while we print the component using FlexPrintJob, where by setting the FlexPrintJobScaleType.NONE.
I'm creating a container and it's content at runtime. Here's a rough structure:
--VBox ----Form -------FormItem
[Code]...
I've tried also validateNowand other similar methods. What I have here:
1. The HScrollBar is being added.
2. We increase a bit the width of container, so it disappears.
3. When it disappears, the validating throws the null-pointer exception when it tries to measure the non-existing scrollbar. I've also tried to add validateProperties before validation, but it didn't worked either.
I created a SkinnableContainer runtime because I want to set some style properties to it, then based on some external data I need to create a new SkinnableContainer and add it as children of the first one. This children height can be greater than the parent container.How can I create a SkinnableContainer runtime with some scrollbars?I read in the documentation that I need] to create a new Skin. [code
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 made this simple application to demonstrate my problem. It has:
An image A button that launchess a popup window Scroll bars on the side
[Code]...
Is there a way to make everything "modal" except the main scroll bars? I know that I could put a scrollbar on the Panel but I would prefer to avoid this.
I am using spark DropDownLists and I don't want to see any horizontal scrollbars in the dropdown. I'm OK with the dropdown being wider than the anchor, so I have a custom skin that sets popUpWidthMatchesAnchorWidth to false. But I don't want the dropdown to ever be smaller than the anchor. I came up with a solution that sometimes works, but there is something wrong with it. My DropDownList skin is as follows:
This works as expected when the contents of the dropdown are either wider than the anchor or smaller than about 100px, but if I explicitly set the width in the instance of the DropDownList to be something like 200px and the contents of the dropdown are around 150px wide, the dropdown is smaller than the anchor. Basically, it looks like openButton.getExplicitOrMeasuredWidth() returns about 100, regardless of what I set the DropDownList's width to be. How can I change this so that I can have multiple DropDownLists with different widths, but always making sure that the dropdown's width is either greater than or equal to the anchor's width?
which is set to 100% width. The DataGroup is also set to 100% width. What I want to achieve is for the scroller's vertical scrollbar to OVERLAP the DataGrid. In other words I want the DataGroup to maintain the width of the outer VGroup even when the vertical scrollbar is displayed. I don't need the vertical scrollbar to move my content to the left, i want it to be displayed in top of that.
I have a DropDownList inside the itemEditor of my DataGrid. There are enough items in the DropDownList to justify scrollbars. You can see the scrollbars, and the mousewheel works fine. If you move the mouse over the scrollbars, they'll change appearance fine (mouseover is working). If you click on them, the DropDownList closes as if you'd clicked elsewhere in the data grid.
I've been experimenting with custom skins hoping to find a way to trap the mouse event, but have been unsuccessful.
I have a list inside a VDividedBox. When the box is resized so the vertical scrollbar shows on the list, it covers some of the itemrenderers. How do I get the list to resize horizontally so that the scrollbar does not cover the renderers?
I am trying to have a tool-tip in Flex 3, where in when my mouse is over the some value, it should show a tool-tip just like you get it for any classes in Eclipse IDE. Suppose, your mouse is over word "String" in java, you get a tool-tip stating the description of java.lang.String and its syntax. It also allows to copy the contents. Is it possible to create such a tool-tip in Flex 3 ? I want this kind of tool-tip to appear, and when pressed F2, it should have horizontal and vertical scroll bars and we should be able to copy the contents from tool-tip.
All good but there are no scroll bars on the browser when I make the browser window smaller? Search took me to this thread- http: [url]....The solution there is "find the parameter in your CSS that states "overflow: auto" or "overflow: hidden" and change it to "overflow: scroll".I did that and now I see a white scroll track in the browser but no actual scroll bar? LOL What do you think is going on?This is the page code-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head>[code]......
If you go here:and view my flash site at a resolution of 1024x768 in Firefox it has a vertical scroll bar in the browser but not a horizontal scroll bar (is there a way to make it have a horizontal scroll also) because you can't see all the copyright into at the bottom right. Also, Internet Explorer opens the page with NO scrollbars at all (you can't even scroll down to see the content)
I have a swf which is 1700px wide.I want to embed it to a page so it won't have scrollbars even if the browser window is smaller then 1700.But I need it not to be resized down
Having some problems adding the default spark.components.VScrollBar scrollbar. All I'm doing is creating a new VScrollBar, setting it's coordinates, a width and height and doing an addChild but it's not showing up. I'm adding other components too that do show up in the same code so that shouldn't not be the problem.What might I be missing?
var a:VScrollBar = new VScrollBar(); a.x = 100; a.y = 100;[code].....
The floating elements stop floating on the y axis when javascript resizes the scrollbars.
It seems that when externalinterface calls the resize function that after that then flash uses that value as the Stage.height value.
I need a way for the scrollbars to be forced to accomodate 2000 px worth of content. But still have the elements float within the actual open browser window which could be much smaller than 2000.
Is there any way to make a full browser swf that, at a certain point, stops scaling to the stage and allows the browser to use it's native scrollbars? For example, say my flash site has a top bar (it's y is always 0) and a bottom bar (it's y might be stageHeight - 15). Is there any way to tell the movie to stop scaling if the bottom bar's y is less than say 300, and from that point have the browser display it's scrollbars allowing you to scroll the content?
I have added a new flash moovie to my website, the problem i have is that in Mozilla, Google Chrome and possibly more the side scrollbars disapear, however in IE they show perfectly. i can not show a url as i have to leave the old page up until i can find out what is causing the problem.
The problem is demonstrated at this link. Read the text in the upper left. [URL] I have elements floating on the x and y axis. But I will also need to resize the scrollbars in this swf. After I resize the scrollbar - done through javascript (clicking a pink button) the floating element will reposition on the y axis but stop floating.
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 did suppress warnings in flex compiler using "-show-binding-warnings=false". But what I am interested to achieve is to suppress run time warnings (especially binding warnings - since I am getting data in model mostly in XML structures and it is fine for me if its unable to bind to its nested child nodes) in console (I am working on flex on Eclipse with the flex plug in). Is there a way to achieve it?