Flex :: Non-uniform Snap Interval On Flex Slider?
May 1, 2010
I'm currently using the Flex HSlider control. I'd like the slider to only allow the user to pick the values: [0, .5, 1, 2]I can get it close to what I want by setting the snapInterval to .5 and by explicitly providing the tickValues. But that still allows the value 1.5 to be selected. Is there a way to provide explicit snapValues or to only allow entries in tickValues to be selected? Or do I have to roll my own slider?
View 1 Replies
Similar Posts:
Jul 6, 2010
I searched the internet and this forum but can't seem to find a logical answer to how to best set this up.
So inside my sliderMC clip I have the sliderScrubber.
Inside the sliderMC, I also have 4 mcs labeled "mc1", "mc2", "mc3", "mc4".
I have noted down the x position of each mc, but am not really sure how to use it in code? Also, how would I be able to calculate "sliderScrubber" to snap to the closest x value to each mc upon release?
How would I go about being able to slide along the x and perform the above functions?
I have:
ActionScript Code:
sliderMC.sliderScrubber.onPress=function(){
this.startDrag();
[Code]....
View 0 Replies
Nov 29, 2010
I want to use the mouse wheel to set the value of a VSlider. By default, the slider performs this automatically. My only concern is the step interval if the mouse wheel is used. It set the properties "snapInterval" and "stepsize" to 1. But if I use the mouse wheel, the next value is always +/- 3 .
How can I set this behavior to +/-1?
Here is the code to create the slider:
Code:
sliceSlider2 = new VSlider();
sliceSlider2.dataTipPrecision = 0;
sliceSlider2.minimum = 1;
[Code]....
View 3 Replies
Nov 29, 2010
I want to use the mouse wheel to set the value of a VSlider. By default, the slider performs this automatically. My only concern is the step interval if the mouse wheel is used. It set the properties "snapInterval" and "stepsize" to 1. But if I use the mouse wheel, the next value is always +/- 3 .
How can I set this behaviour to +/-1?
Here is the code to create the slider:
sliceSlider2 = new VSlider();
sliceSlider2.dataTipPrecision = 0;
[Code].....
View 3 Replies
Sep 29, 2010
I'm working on a jquery slider/carousel to rotate between a couple of promotions.
What I'm looking for is a way to show the remaining time until the next promotion slides in. Exactly as the flash promo at: [URL]
View 2 Replies
Oct 19, 2010
I remember using values array on good old mx:HSlider, is there any workaround for s:HSlider?!Basically I need slider to choose values between 300 and 2500 in following steps 300,500,1000,2000,2500.
<s:HSlider id="franchiser"
value="1500"
skinClass="components.HorizontalSlider" x="0" y="0"
[code].....
View 3 Replies
Apr 14, 2011
I'm having trouble with Matrix Transforms in Flex.
I have a Flex Canvas with nothing but an Image in it, like so.
<mx:Canvas>
<mx:Image id="img" source="/some/Url" />
</mx:Canvas>
[Code].....
View 5 Replies
Jun 23, 2010
I have a function which makes a call to the server to load some financial data. This data is then displayed in a grid. In order to keep displaying the latest data I keep making this server call (every 30 secs). I'm using a Timer object to do this. The problem I have is that I have to wait 30 secs when the application starts for financial data to be displayed, what I'd like to happen is that the load data call is made, then start the update timer. Is there a way to set this up or shall I use to data load calls, one to get the initial data, then one to get the updates, which is made every 30 secs?
View 1 Replies
Sep 18, 2009
I am building a control to allow me to set a meeting time, and I would like it to use as a default, the current time rounded up to the nearest 15 minute interval. So if it is currently 6:07, it would read 6:15 as the start time.
Does anyone know how this might be accomplished, or have run across a code snippit that would put me on the right track?
View 2 Replies
Apr 8, 2009
I have implemented the login capability to my application using Flex(Blazeds)channelset login. But there is a strange problem, after about 2 minutes of inactivity if I try to perform any operation I see that my channelset has been been forcefully logged out Is there some configuration which I need to do in order to prevent this from happening. I tried adding this in my web.xml, so that the session persists but it didnt help my cause.
<session-config>
<session-timeout>10</session-timeout>
</session-config>
View 10 Replies
Feb 23, 2011
I'm developing an app for ANDROID devices using Flash Builder Burrito and am having trouble figuring out how to accomplish one aspect of my app.I have an HGroup inside of a Scroller. The HGroup has images that are 400px in width and I have the width of each HGroup column set to 400px. Although the number of items is dynamic, assume I have 10 images in the HGroup. The width of the Scroller and Viewport is set to 400px.
So far so good -- the user can see a single image within the scroller. The user can then scroll left or right using touch or mouse and see each image. But here's where I'm stuck. I want to make it so that when the user STOPS scrolling the scroller then "snaps" an image into view. In other words, I don't want half of one image and half of another image in the viewport.
Seems pretty straightforward but I can't figure it out. Part of the issue is that there doesn't seem to be an event to use for this purpose. I know I can hook in to PropertyChangeEvent.PROPERTY_CHANGE or MouseEvent.MOUSE_UP/TouchEvent.TOUCH_END (which is what I'm doing now) but that event doesn't really give me what I need.
I really need an event that fires when the user releases the mouse as part of the scroll or lifts their finger off the device as part of the scroll. And then I need to wait for the scroll to stop. For example, if I do a really fast swipe I need to wait for the scroller to stop or almost stop before I perform the snap. The event fires as soon as I let go of the mouse or take my finger off the tablet, so if I alter the horizontal scroll pos then it gets overwritten by the "slowing down of the scroller".
By the way, I know I can use modulus logic to show each image "whole". That's not where I'm stuck -- I'm stuck at which event to use to know WHEN to perform this mod logic.
Note that what I've already developed works just fine if I slowly scroll and then let off the mouse. It's only when you slide more rapidly that it ceases to work.
Here's my partially working code:
private function onVehicleScrollerMouseUp(event:Event):void
{
snapScroller();
}
[code]....
View 2 Replies
Apr 20, 2010
how to make a custom hslider in Flex 4 (spark) with two thumbs? Since Flex 4 the thumbcount property of the slider component isn't longer available (at the mx component it was easily to set). I have to style the track and the thumbs.
View 5 Replies
Apr 6, 2012
I have an image gallery app that has a slider to control the width of the thumbnails that ranges from 80 to 1024. As you move the slider the thumbnails width changes to effectively scaling the image between 80px and 1024px. Below the thumbnail is some information about the image such as the name, size, dimensions, etc. There is also a set of icons that do various tasks (delete, edit, copy, etc). All of this information is located within a VBox.The problem I am having is I would like to have the VBox hide when the width of the thumbnail reaches 150 px or below. This I have been able to accomplish with the following code:
<mx:VBox visible = "{thumbnail.width > 150}">The issue is that while the information within the VBox is now not visible, the real estate it takes up is not released. In other words, there is now a blank space the exact size of the VBox. What I'd like to do is to be able to release this space. I know this is probably something simple that I'm overlooking, but today my brain is just not working,
View 1 Replies
Jan 4, 2010
I have an HSlider with a minimum of 1 and a maximum of 6. Is there a way I can disable the range 3 - 6, so the user can only select from the range 1-3 on the slider.Note: Your first thought might be to tell me to set the maximum to 3. I dont want to change the maximum to 3, I want the user to know there is more, but currently not selectable.
View 2 Replies
Jan 15, 2010
I am trying to create a simple Music player has play/pause button and an HSlider that shows the position of the song as it is playing using a custom SliderThumbClass. I would like allow the user to drag/drop the sliderthumb or click on the sliderbar to change the position of the song currently playing.
With the code I have below, if I use the sliderThumb to change the position of the currently playing song, it works great. But I if I click directly on the slidertrack to jump ahead/back, the current position doesnt move and there is some flashing of the current position, but it jumps back to where it was and continues playing the song. This does work if I am in the paused state.
As expected, thumbDrag/Press/Release events are not triggered when the user clicks on the sliderTrack - What events should I be subscribing for to handle this case?
<mx:Canvas>
<mx:Script>
<![CDATA[
[code]....
View 1 Replies
Apr 11, 2010
How can I make the slider track a bit thicker with CSS?
View 1 Replies
Apr 24, 2010
How to control the volume of the microphone with a slider?
View 1 Replies
Jun 15, 2010
I have a few styles that I want to apply to a slider. I'm aware of the MXML method of defining a mx:Style tag
<mx:Style>
HSlider{
} .SliderHighlightTrackSkin{
} .SliderTrackSkin{
} .SliderThumbSkin{
}
</mx:Style>
Instead of doing it this way I want to define all the styles in a style sheet. I then want to define my slider in a .as file (not an mxml file) and apply the stylesheet to it. Something like the following is what I'm after
levelSlider= new VSlider()
levelSlider.minimum=0;
levelSlider.maximum=1;
levelSlider.value=1;
levelSlider.y=150
levelSlider.styleName="sliderStyle.css"
this.addChild(levelSlider)
View 1 Replies
Jan 6, 2011
Is there any way to always show DataTip for SLider control in Flex 3.5?
View 2 Replies
Dec 16, 2011
I have to use Draggable Slider component in my application.I have found one Link but it is not working in FLEX 3.0 Application. I have applied thumbUpSkin, thumbDownSkin, thumbOverSkin, thumbDisabledSkin to my custom Draggable Slider Component still i can't get the slider what i want because this component is working for FLEX 2.0 I want the perfect one that is look on the link given above.
View 1 Replies
Nov 3, 2010
In my flex-app there is a slider that should change a variable inside a AS3-Object. How do you realize that? It's np problem to control the slider with the variable, but I want it the other way :)
View 2 Replies
Jun 4, 2010
I am having a set of slider for each bar in the graph. I have bindded all the sliders with their corresponding bars. When i change the value of slider the value in the ArrayCollection changes and i have also used
[Code]...
View 1 Replies
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
Sep 17, 2009
I have created an array of Input Textfields with their borders visible. All is fine when I play the swf directly in the Flash player. But when I try to view it in the browser, certain horizontal and verticallines in the grid appear darker than the rest.
View 1 Replies
Feb 28, 2011
My JSON Data file ise data.txt
[
{
"sayim":"1",
"x":"400",
[code]...
and my aim ise to create a Slider which can change starting and ending of the graphic, it is like what is showing in figure 6 in this website and here the MXML codes;
.
..
...
jsonDataArray = JSON.decode(urlLoader.data);
[code]...
The problem is "dataProvider" definition in LineChart, I wrote this code but it is still not working,
dataProvider="{dgg(sayim>=daySlider.values[0] && sayim<=daySlider.values[1])}"
what is the right code to control the LineChart with the Slider.
View 1 Replies
Apr 6, 2011
I am using Flex Spark Slider as a time-line for a Flex video player custom component I have created.
I want to prevent the user from clicking on the slider and changing its value, but at the same time I should be able to change the value of the slider programmatically.
Setting the "enabled" property for the slider to "false" doesn't help as then I am not able to change the slider value programmatically.
View 1 Replies
May 24, 2011
I have created Columnchart in Adobe Flash Builder.
Now I want to control that column chart with Slider. I want to change the column chart according to value of the slider.
View 1 Replies
Jun 1, 2011
The slider thumbs in my Flex 3 application usually work correctly, but often they seem to become insensitive to mouse downs on what should be thumbPress events. It turns out that mouseOut events are being fired as the mouse moves away from the edge of the thumb towards the center. The thumb is sensitive to mouseDown events only when it is in the "over" state.
I am seeing the same behavior: Displaying the default thumb rather than my custom class Using a hitArea sprite (I tried a child TextInput sized to cover the thumb with alpha 0). Can anyone suggest either a fix or a workaround? I can identify the faulty mouse out events, but then don't know how to compensate, for example, by reestablishing the "over" state, or perhaps with programmatic control of the mouse.
View 1 Replies
Jun 20, 2009
how to make the speed of this function uniform (same speed from start to end)var Move:Tween=new Tween(Bar_am, "x", Strong.easeInOut, 900, -1000, 10, true);
View 8 Replies
Jul 15, 2011
I'm using Flex 3 VideoDisplay class for playing streaming video. When I drag the track slider(change the playheadTime) there are no preview frames even if that part of the video is already loaded.
Is there anything I can do to enable this feature (from the configuration of media server or in the Flex client)?
View 2 Replies