<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
		>
<channel>
	<title>Comments on: Customing the Flex HSlider and VSlider controls</title>
	<atom:link href="http://blog.flexexamples.com/2007/09/11/customing-the-flex-hslider-and-vslider-controls/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.flexexamples.com/2007/09/11/customing-the-flex-hslider-and-vslider-controls/</link>
	<description>Just a bunch of Adobe Flex Examples</description>
	<lastBuildDate>Sun, 12 Feb 2012 14:19:03 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		<item>
		<title>By: manish</title>
		<link>http://blog.flexexamples.com/2007/09/11/customing-the-flex-hslider-and-vslider-controls/comment-page-1/#comment-10222</link>
		<dc:creator>manish</dc:creator>
		<pubDate>Wed, 07 Dec 2011 08:16:08 +0000</pubDate>
		<guid isPermaLink="false">http://blog.flexexamples.com/2007/09/11/customing-the-flex-hslider-and-vslider-controls/#comment-10222</guid>
		<description>Peter, can we change the button in here with our own swf or png?</description>
		<content:encoded><![CDATA[<p>Peter, can we change the button in here with our own swf or png?</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: City pictures</title>
		<link>http://blog.flexexamples.com/2007/09/11/customing-the-flex-hslider-and-vslider-controls/comment-page-1/#comment-8407</link>
		<dc:creator>City pictures</dc:creator>
		<pubDate>Wed, 06 Oct 2010 10:53:09 +0000</pubDate>
		<guid isPermaLink="false">http://blog.flexexamples.com/2007/09/11/customing-the-flex-hslider-and-vslider-controls/#comment-8407</guid>
		<description>Thanks, this is what I&#039;ve looked for. Alternatively, you may use &quot;data-tip-style-name&quot; in the slider&#039;s CSS definition to define the style for the tip.</description>
		<content:encoded><![CDATA[<p>Thanks, this is what I&#8217;ve looked for. Alternatively, you may use &#8220;data-tip-style-name&#8221; in the slider&#8217;s CSS definition to define the style for the tip.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Peter deHaan</title>
		<link>http://blog.flexexamples.com/2007/09/11/customing-the-flex-hslider-and-vslider-controls/comment-page-1/#comment-7020</link>
		<dc:creator>Peter deHaan</dc:creator>
		<pubDate>Mon, 15 Feb 2010 15:27:06 +0000</pubDate>
		<guid isPermaLink="false">http://blog.flexexamples.com/2007/09/11/customing-the-flex-hslider-and-vslider-controls/#comment-7020</guid>
		<description>@Monali,

Sure, something like this will let you use an HSlider control to select a date:
&lt;pre lang=&quot;mxml&quot;&gt;
&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;
&lt;mx:Application xmlns:mx=&quot;http://www.adobe.com/2006/mxml&quot; initialize=&quot;init();&quot;&gt;
    
    &lt;mx:Script&gt;
        &lt;![CDATA[
            protected static const MS_IN_DAY:uint = 1000 /*ms*/ * 60 /*seconds*/ * 60 /*minutes*/ * 24 /*hours*/;
            
            protected function init():void {
                sl.minimum = new Date(2010, 0 /*January*/, 1).time;
                sl.maximum = new Date(2010, 0 /*January*/, 31).time;
                sl.snapInterval = MS_IN_DAY;
                
                sl.value = new Date(2010, 0, new Date().date).time;
            }
            
            protected function dataTipFormatFunc(ms:Number):String {
                return new Date(ms).toDateString();
            }
        ]]&gt;
    &lt;/mx:Script&gt;
    
    &lt;mx:HSlider id=&quot;sl&quot; dataTipFormatFunction=&quot;dataTipFormatFunc&quot; /&gt;
    
&lt;/mx:Application&gt;
&lt;/pre&gt;

Peter</description>
		<content:encoded><![CDATA[<p>@Monali,</p>
<p>Sure, something like this will let you use an HSlider control to select a date:</p>

<div class="wp_syntax"><div class="code"><pre class="mxml" style="font-family:monospace;"><span style="color: #000000;">&lt;?xml version=<span style="color: #ff0000;">&quot;1.0&quot;</span> encoding=<span style="color: #ff0000;">&quot;utf-8&quot;</span>?<span style="color: #7400FF;">&gt;</span></span>
<span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Application</span> xmlns:mx=<span style="color: #ff0000;">&quot;http://www.adobe.com/2006/mxml&quot;</span> initialize=<span style="color: #ff0000;">&quot;init();&quot;</span><span style="color: #7400FF;">&gt;</span></span>
&nbsp;
    <span style="color: #339933;">&lt;mx:Script&gt;</span>
<span style="color: #339933;">        &lt;![CDATA[</span>
<span style="color: #339933;">            protected static const MS_IN_DAY:uint = 1000 /*ms*/ * 60 /*seconds*/ * 60 /*minutes*/ * 24 /*hours*/;</span>
&nbsp;
<span style="color: #339933;">            protected function init():void {</span>
<span style="color: #339933;">                sl.minimum = new Date(2010, 0 /*January*/, 1).time;</span>
<span style="color: #339933;">                sl.maximum = new Date(2010, 0 /*January*/, 31).time;</span>
<span style="color: #339933;">                sl.snapInterval = MS_IN_DAY;</span>
&nbsp;
<span style="color: #339933;">                sl.value = new Date(2010, 0, new Date().date).time;</span>
<span style="color: #339933;">            }</span>
&nbsp;
<span style="color: #339933;">            protected function dataTipFormatFunc(ms:Number):String {</span>
<span style="color: #339933;">                return new Date(ms).toDateString();</span>
<span style="color: #339933;">            }</span>
<span style="color: #339933;">        ]]&gt;</span>
<span style="color: #339933;">    &lt;/mx:Script&gt;</span>
&nbsp;
    <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:HSlider</span> id=<span style="color: #ff0000;">&quot;sl&quot;</span> dataTipFormatFunction=<span style="color: #ff0000;">&quot;dataTipFormatFunc&quot;</span> <span style="color: #7400FF;">/&gt;</span></span>
&nbsp;
<span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:Application</span><span style="color: #7400FF;">&gt;</span></span></pre></div></div>

<p>Peter</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Monali Gandhi</title>
		<link>http://blog.flexexamples.com/2007/09/11/customing-the-flex-hslider-and-vslider-controls/comment-page-1/#comment-7011</link>
		<dc:creator>Monali Gandhi</dc:creator>
		<pubDate>Mon, 15 Feb 2010 05:55:54 +0000</pubDate>
		<guid isPermaLink="false">http://blog.flexexamples.com/2007/09/11/customing-the-flex-hslider-and-vslider-controls/#comment-7011</guid>
		<description>is it possible  to create Date Time  HSlider &amp; how?

Best Regards,
Monali</description>
		<content:encoded><![CDATA[<p>is it possible  to create Date Time  HSlider &amp; how?</p>
<p>Best Regards,<br />
Monali</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Eugene Se</title>
		<link>http://blog.flexexamples.com/2007/09/11/customing-the-flex-hslider-and-vslider-controls/comment-page-1/#comment-6792</link>
		<dc:creator>Eugene Se</dc:creator>
		<pubDate>Mon, 18 Jan 2010 14:18:52 +0000</pubDate>
		<guid isPermaLink="false">http://blog.flexexamples.com/2007/09/11/customing-the-flex-hslider-and-vslider-controls/#comment-6792</guid>
		<description>If you set &#039;dataTipPlacement&#039; to &#039;left&#039; or &#039;right&#039; in this example, a small horizontal line is visible under the tooltip. Is this a (known) bug? I actually have the same feature in one of my applications, but then when &#039;dataTipPlacement&#039; is set to &#039;top&#039; as well.

Does anybody know how to get rid of this line?

Thanks,

Eugene</description>
		<content:encoded><![CDATA[<p>If you set &#8216;dataTipPlacement&#8217; to &#8216;left&#8217; or &#8216;right&#8217; in this example, a small horizontal line is visible under the tooltip. Is this a (known) bug? I actually have the same feature in one of my applications, but then when &#8216;dataTipPlacement&#8217; is set to &#8216;top&#8217; as well.</p>
<p>Does anybody know how to get rid of this line?</p>
<p>Thanks,</p>
<p>Eugene</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: lynxoid</title>
		<link>http://blog.flexexamples.com/2007/09/11/customing-the-flex-hslider-and-vslider-controls/comment-page-1/#comment-6577</link>
		<dc:creator>lynxoid</dc:creator>
		<pubDate>Thu, 10 Dec 2009 21:38:35 +0000</pubDate>
		<guid isPermaLink="false">http://blog.flexexamples.com/2007/09/11/customing-the-flex-hslider-and-vslider-controls/#comment-6577</guid>
		<description>Is there a way to make the track highlight on the right side (thumb value to max value) instead of the left (min value to thumb value)?
Thanks</description>
		<content:encoded><![CDATA[<p>Is there a way to make the track highlight on the right side (thumb value to max value) instead of the left (min value to thumb value)?<br />
Thanks</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Anonymous</title>
		<link>http://blog.flexexamples.com/2007/09/11/customing-the-flex-hslider-and-vslider-controls/comment-page-1/#comment-6244</link>
		<dc:creator>Anonymous</dc:creator>
		<pubDate>Thu, 05 Nov 2009 07:07:13 +0000</pubDate>
		<guid isPermaLink="false">http://blog.flexexamples.com/2007/09/11/customing-the-flex-hslider-and-vslider-controls/#comment-6244</guid>
		<description>Could u please explain how to highlight the lable based on the Hslider value.</description>
		<content:encoded><![CDATA[<p>Could u please explain how to highlight the lable based on the Hslider value.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Julia</title>
		<link>http://blog.flexexamples.com/2007/09/11/customing-the-flex-hslider-and-vslider-controls/comment-page-1/#comment-5244</link>
		<dc:creator>Julia</dc:creator>
		<pubDate>Wed, 19 Aug 2009 15:15:16 +0000</pubDate>
		<guid isPermaLink="false">http://blog.flexexamples.com/2007/09/11/customing-the-flex-hslider-and-vslider-controls/#comment-5244</guid>
		<description>Oh, sorry .. I went to found the solution...
&lt;pre lang=&quot;mxml&quot;&gt;
.myLabelStyle {
    color: white;
}
&lt;/pre&gt;</description>
		<content:encoded><![CDATA[<p>Oh, sorry .. I went to found the solution&#8230;</p>

<div class="wp_syntax"><div class="code"><pre class="mxml" style="font-family:monospace;">.myLabelStyle {
    color: white;
}</pre></div></div>

]]></content:encoded>
	</item>
	<item>
		<title>By: Julia</title>
		<link>http://blog.flexexamples.com/2007/09/11/customing-the-flex-hslider-and-vslider-controls/comment-page-1/#comment-5243</link>
		<dc:creator>Julia</dc:creator>
		<pubDate>Wed, 19 Aug 2009 15:09:24 +0000</pubDate>
		<guid isPermaLink="false">http://blog.flexexamples.com/2007/09/11/customing-the-flex-hslider-and-vslider-controls/#comment-5243</guid>
		<description>Hello there,

I just can&#039;t find any information about changing the color of the Slider labels. 
Do I have to do this by using Styles? 
I need white labels on my black background...

kind regards,
Julia</description>
		<content:encoded><![CDATA[<p>Hello there,</p>
<p>I just can&#8217;t find any information about changing the color of the Slider labels.<br />
Do I have to do this by using Styles?<br />
I need white labels on my black background&#8230;</p>
<p>kind regards,<br />
Julia</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Peter deHaan</title>
		<link>http://blog.flexexamples.com/2007/09/11/customing-the-flex-hslider-and-vslider-controls/comment-page-1/#comment-1020</link>
		<dc:creator>Peter deHaan</dc:creator>
		<pubDate>Mon, 15 Jun 2009 14:05:59 +0000</pubDate>
		<guid isPermaLink="false">http://blog.flexexamples.com/2007/09/11/customing-the-flex-hslider-and-vslider-controls/#comment-1020</guid>
		<description>Shameer Salim,

I don&#039;t think that label rotation is supported by the components. You&#039;d probably need to extend the HSlider/VSlider control(s) and add that logic in (and make sure you always used an embedded font since device font cannot be rotated).

Feel free to file an enhancement request for label rotation at http://bugs.adobe.com/flex/

Peter</description>
		<content:encoded><![CDATA[<p>Shameer Salim,</p>
<p>I don&#8217;t think that label rotation is supported by the components. You&#8217;d probably need to extend the HSlider/VSlider control(s) and add that logic in (and make sure you always used an embedded font since device font cannot be rotated).</p>
<p>Feel free to file an enhancement request for label rotation at <a href="http://bugs.adobe.com/flex/" rel="nofollow">http://bugs.adobe.com/flex/</a></p>
<p>Peter</p>
]]></content:encoded>
	</item>
</channel>
</rss>

