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 RepliesI was working with the XML Photo Gallery Thumbnail Tutorial on this site: http:[url]....
And I modified it for my own usage, making it a vertical gallery instead, and had no problems until I came upon the thumbnail images. When I replaced the original thumbs with my new thumbs (that I sized based on width, as it is a vertical gallery) it got all screwed up. The images are of all different shapes. So when it loads up, some of them had huge gaps in between them, and others were even overlapping. So I fixed it by making the heights of all the images the same, resulting in a working thumb gallery, but now half my thumbs are cropped off by the mask. I'm looking for a way to fix it where I still have the same spacing between the images, and that they are all the same width, but can vary in their height. Here's the section of the code I am using:
function thumbNailScroller() {
// thumbnail code!
this.createEmptyMovieClip("tscroller", 1000);[code]....
I'm also trouble figuring something out from the same tutorial, that I want to change. The tutorial uses these "Next" and "Previous" buttons. On the far right hand side, the half-circle buttons are what I assigned this to, but I don't really want them to have that function. I would rather have them function just like how the mouse functions when it rolls over the thumb gallery, except they scroll the thumbs up and down when clicked.
I am going to use a HSlider to set a range of values. I would like the left thumb to look like ( and the right thumb to lok like ) so they appear to encompass the range like (range) instead of |range|. I only know how to set the skin for SliderThumb which will set the skin for both. Does anyone know of a way to set a different skin for each thumb?
[Code]...
I have a canvas with a scrollbar and I would like to disable the scrollbar in some way that keeps the thumb visible, but not selectable. I just want to let the user know that there is more information below, but I do not want to let him use the scroll to move down(this will be done with the movement of the arrows). I tried using the properties enabled but it does not work.
View 1 RepliesI'd like to build image slider like Nivo slider with Adobe Flash Builder.
i'd like to have image controls, image titles displayed above the image(like layers in flash). i'd like to read the data from xml.
i'd like to have nice transitions between images.
mayebe u can provide tutorial or source code.
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 RepliesWhat I have is a map that you can click on points and it will zoom in, you can also click on a "plus/minus" buttons to zoom in and out (I even have the mouse wheel zooming in and out). The client wanted me to add a "zoom slider bar" to it so you know you could move it up and down to scale it. Everything is working except the slider, I can't seem to get it to work with the position of the slider. All of the zoom functionality is there but the slider is killing me.
I am putting up the fla file since there is a lot of code in there and I didn't want to put it all in the forum. if you look in the fla in frame ten on line 726 you can find the function that is supposed to handle the zooming when you move the slider. Up on line 74 you can find the slider onPress and onRelease functions, but those I believe should be fine.
I am trying to create a basic timeline, similar to the timeline we all use in flash (see attached).
I have a playhead slider, which when dragged, just drags within its startDrag() limits.
I also have horizontal window scroller which also when dragged, just drags within its startDrag() limits.
I am trying to work out how to get the horizontal window scroller to scroll when the playhead slider hits the left or right edge. I am using hittest for this collision.
I have the playHeadSlider scrolling along the top. When playHeadSlider collides with hittestThing I want mcContents to then move.
It kind of works.. mcContents moves when the playHeadSlider is in collision with the hittestThing.. but it just moves rather than 'drags' across. I have it set up so that mcContents is twice the width (approx) of mcScrollWindow.
I need to somehow update what I have so that if the playHeadSlider collides with hittestThing on the right, mcContents only moves to the right and if playHeadSlider collides with hittestThing2 on the left, mcContents only moves to the left.
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,
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 RepliesI 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]....
How can I make the slider track a bit thicker with CSS?
View 1 RepliesHow to control the volume of the microphone with a slider?
View 1 RepliesI 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)
Is there any way to always show DataTip for SLider control in Flex 3.5?
View 2 RepliesI 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 RepliesI'd like to make a circle slide ( Slider that on the shape of circle instead of vertical and horizontal Slider) like this one:
[URL]
Is there a ready Component on the web.
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 RepliesI 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]...
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.
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.
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.
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.
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)?
I'm trying to get each of my thumbs to load an individual picture but I can't seem to get it working. I have this script that has a trace for each thumb but I don't know how to actually get the thumb images to load individual pictures.I've tried using:img1.onRelease = function() { as a way of talking to each of my thumb pictures but it doesn't work.
[code]...
Just want to put the thumbnails in a movie clip.Not any thumbs are appearing, there is a mc on stage, there are images and thumbs, there is a xml_file�
Code:
var gallery_xml = new XML();
gallery_xml.ignoreWhite = true;
gallery_xml.onLoad = function(ok) {[code]...
Been looking around this forums (without result) how I can add a square to make a 1 pixel border around my thumbs. I've been using following gallery
[URL]
change to the original code off the gallery.
I am attempting to run the XML Photo Gallery with Thumbnails from the tutorial, but contained within an empty movie clip of another swf. I've been trying to rebuild my website in Flash and I was attempting to utilize this external gallery to keep the file size down. The Test Movie of the thumbnail_initial.swf works perfectly on its own, but the thumbnails no longer scroll when I test the website.swf that I have loaded thumbnail_initial into. I created an empty movie clip (analog_mc) and placed it where I want the gallery to load. On the page containing analog_mc (timeline path is Scene1 / siteContent / analogFrame), I have tried both of the following code in the actions layer:
analog_mc.loadMovie("thumbnail_initial.swf");
and
loadMovie("thumbnail_initial.swf", analog_mc);
I get the same result with either: the gallery loads correctly where I've placed the analog_mc empty movie clip, the first three thumbs appear across the bottom, the Previous and Next buttons function, but the thumbnails do not scroll. I am using Flash CS3 on Vista, my AS skills are elementary as well as my XML.
I'm trying to make a code to load my thumbs 1 by 1. It should start to load the next thumb, once it's ready with the previous one.
I'm reading my thumbs out of an xml. It seems like it's placing them randomly.
Code:
var numPics = galleryList.length;
function placeThumbs() {
var i = 0;
[Code]....
I have a master movie clip with a movie clip embedded. This is to create a photo gallery. With in the master movie clip I have "buttons" or thumb nails of pictures to be displayed from the embedded movie clip (which are the pictures). I can't seem to get the thumbs to call on the frames where I want the movie motion tween to start to show a picture (the tween is to give the effect of fading in). Below is the code that I have (note that for the same buttons I have added some effect when the mouse rolls over and out of the thumb so disregard that part of the code)..
ActionScript Code:
thumb1.addEventListener(MouseEvent.MOUSE_OVER,img1Over);
thumb1.addEventListener(MouseEvent.MOUSE_OUT,img1Out);[code]............