I wanted to make a custom HSlider component derivating from Adobe’s one but I faced a silly issue

private function createBackgroundTrack():void
private function createHighlightTrack():void
private function createThumbs():void

Everything is private, that’s really stupid in a “flexible” framework, it should be protected in order to let you users inherit and access properties by inheritance.
What do they smoke at Adobe ?
Now I have to copy the whole class and modify the visibility of those methods just to change those 3 functions and set the height value to the BackgroundTrack component.

Silly, no perfectly stupid…

Also, I am trying to induce the new datatip to display on default and remain displayed without any user interaction, but i am having some issues with that, too.

Any help would be much appreciated.

Thanks,
Nick

You may be interested in another approach I found which uses a custom image to replace the slider thumb:

http://blog.flexexamples.com/2007/09/12/changing-a-slider-controls-thumb-skin/

Thanks for trying that.

I put your example in another file it works fine however unfortunately this is not working in my application. It is located here:
http://www.redbrick.dcu.ie/~hoss/flex/CarouselWS.mxml

If you can shed any light on this I’d appreciate it.

Thanks,
Patrick

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
	layout="absolute" backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#353535, #353535]"
	viewSourceURL="srcview/index.html" xmlns:textInput="com.GuN.UI.customUIComponent.textInput.*"
	creationComplete="init()"
	>
[...]
var arrayValues:Array = ["null","January '08", "February '08", "March '08", "April '08", "May '08", "June '08", "July '08", "August '08",
										"September '08", "October '08", "November '08", "December '08"];

[Bindable] public var anotherArray:Array = new Array();

        public function init():void{
        	anotherArray = new Array();
        	for each(var s:String in arrayValues){
        		anotherArray.push(s);
        	}
        }

<mx:HSlider x="10" y="107"
		id="s"
		showDataTip="false"
		values="{anotherArray}"
		creationComplete="{s.value=1}"
		snapInterval="1"
		minimum="1"
		maximum="{arrayValues.length-1}"
		liveDragging="true"
		trackSkin="{SliderTrack}"

		sliderThumbClass="{CSpSliderThumb}"

		 width="502"/>

And everything works fine, I can see all the tooltips.

In your example the datatip or “tool tip” strings are stored in an array. For my application I want to retrieve my tool tip strings from a web service. Therefore I populate an array on the fly as follows:

var myArray:Array = new Array();

for(all tool tips)
myArray.push(tooltip)

If I create the array in this way then the HSlider only sees the first item in the array.

Do you know why?

Thanks,
Patrick

G

spr = new CSpSprite();

but you’ve never defined spr.

I’m trying to run your example but flex builder is complaining about this. Have you forgot to define it or am I doing something wrong?

Thanks,
Patrick