my code:

package com.customUIComponent.slider.sprites
{
import flash.display.Sprite;
import flash.text.TextField;
import flash.text.TextFieldAutoSize;
import flash.text.TextFormat;

public class CustomDataTipSprite extends Sprite
{
private var lbl:TextField;
private var bkgColor:uint = 0×000000;
private var bkgAlpha:Number = .3;

private var textColor:uint = 0×000000;

public function CustomDataTipSprite()
{
super();
lbl = new TextField();
drawShape();
drawText();
}

private function drawText():void{
lbl.x = 3;
lbl.y = 0;
lbl.autoSize = TextFieldAutoSize.CENTER;
lbl.background = false;
lbl.border = false;

var format:TextFormat = new TextFormat();
format.font = “Verdana”;
format.color = textColor;
format.size = 9;
format.underline = false;

lbl.defaultTextFormat = format;
addChild(lbl);
}

private function drawShape():void
{
var CsdataTip:Sprite = new Sprite();
with (CsdataTip.graphics){
beginFill(bkgColor, bkgAlpha);
lineTo(10,0);
lineTo(15,-6);
lineTo(20,0);
lineTo(30,0);
curveTo(40,7.5,30,15);
lineTo(0,15);
curveTo(-10,7.5,0,0);
endFill();
}
addChild(CsdataTip);
CsdataTip.x = 8;
CsdataTip.y = 0;
}

public function setValue(v:String):void{
lbl.text = v;
}
}
}

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…

I am a novice to this though and its very possible that this is a very stupid solution…

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.