0 Replies Latest reply on Mar 23, 2010 1:19 PM by cdsvvxv

    Can't change slider colors

    cdsvvxv Level 1

      I am having an odd problem that I can' find the solution to. I am sure the solution is simplicity in itself though. I am wanting to change the colors of the slider track and maybe the thumb as they merge into the background of my app. This is the code I am using:

       

      <mx:HSlider id="dateSlider"
                      width="100%"
                      thumbCount="1"
                      showDataTip="true"
                      liveDragging="true"
                      styleName="dateSlider"
                      dataTipFormatFunction="dateSliderDataTip"
                      dataTipPlacement="left"
                      dataTipStyleName="dateSliderDataTip"
                      fillAlphas="[1.0 , 1.0]"
                      trackColors="[#FF0000, #e6eeee]"
                      change="eventChangeDateSlider(event)"
                      thumbRelease="eventThumbReleaseDateSlider(event)"
                      click="eventClickDateSlider(event)"
                      allowTrackClick="false" />

       

      .dateSlider {
          backgroundColor: #FFFFCC;
          paddingTop: 2px;
          paddingBottom: 2px;
          paddingLeft: 2px;
          paddingRight: 2px;
      }

       

      .dateSliderThumb{
          fillColors: red;
      }

       

      I have also tried things such as:

       

      dateSlider.getThumbAt(0).setStyle("color" , "red");

       

      and also tried applying a couple of skins I found in tutorials. Thanks for any tips!