title: Can not s:HSlider in fx script
body: <p>I am new in flex and my question may not be at your professional level but I would deeply appreciate any help. Thank you.</p>
  
  <p>I am trying to use spark <strong>HSlider</strong> in the following code but compiler generates an error. I have to change <strong>mx:HSlider</strong> for code to be error free.
  Will it be possible to use <strong>s:HSlider</strong> instead <strong>mx:HSlider</strong>?</p>
  
  <p>Below is the sample functioning code:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
             xmlns:s="library://ns.adobe.com/flex/spark" 
             xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"&gt;
  &lt;fx:Style source="Arcade_Slider.css"/&gt;
  &lt;fx:Declarations&gt;
      &lt;!-- Place non-visual elements (e.g., services, value objects) here --&gt;
  &lt;/fx:Declarations&gt;
  &lt;fx:Script&gt;
      &lt;![CDATA[
          import mx.events.SliderEvent;
          private var txtvalue:int = 0;
          protected function Focal_changeHandler(event:SliderEvent):void
          {
              txtvalue = Focal.value;
              if(txtvalue == 0)
                  Slider_txt.text = "Low";
              if(txtvalue == 1)
                  Slider_txt.text = "Middle";
              if(txtvalue == 2)
                  Slider_txt.text = "High";
  
          }
      ]]&gt;
  &lt;/fx:Script&gt;
  
  &lt;mx:HSlider id="Focal" x="402" y="285" maximum="2" minimum="0" value="0" buttonMode="true" enabled="true" snapInterval="1" tickInterval="1" allowTrackClick="true" liveDragging="true" change="Focal_changeHandler(event)"/&gt;
  &lt;s:Label id="Slider_txt" x="423" y="252" text= "Low"/&gt;
  
  &lt;/s:Application&gt;
  </code></pre>