Custom Slider color

2 posts, 0 answers
  1. Francesco Vivaldi
    Francesco Vivaldi avatar
    13 posts
    Member since:
    Nov 2009

    Posted 01 Apr 2011 Link to this post

    hi there is a way to custom a slider with two different color bases on two specific value ?

    I have two value
     used Space 250 and Acquired space 300
    the slider range is 0-1000.
    the total range between 0 and 250 must be green
    and the range between 250 and 300 must be orange.
    over 300 must be grey.

    see attached files for example.
  2. Bozhidar
    Bozhidar avatar
    677 posts

    Posted 01 Apr 2011 Link to this post

    Hi Francesco,

    It is possible to be achieved with a custom skin, where the background image for the sliding zone, will consist your desired colors. Tutorial: Creating ColorPicker CustomSkin.

    You could aslo find useful the Telerik Visual Style Builder which allow you to create custom skin really fast. Meet the Visual Style Builder will give the steps to use it, there is also a video tutorial to make things more clear.

    In RadColorPicker demo page there is a similar slider.

    Attached is CP_slider.jpg showing similar slider.

    All the best,
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. DevCraft R3 2016 release webinar banner
Back to Top