Change slider 's colors

6 posts, 1 answers
  1. stephane
    stephane avatar
    10 posts
    Member since:
    Jan 2010

    Posted 17 Jun 2014 Link to this post

    I would like to change colors in my slider.

    I found that i could change the color of the selected area thanks to css class k-slider-selection
    .k-slider-selection {
               background-color: #059BD8;
      }


    Now i would like to do same for the "ball" shape selector  and the not selected area.

    Could you help me please?
  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2595 posts

    Posted 17 Jun 2014 Link to this post

    Hi Stephane,

    You can change the slider draghandle background via the following CSS rule: 
    .k-slider .k-draghandle {
        background-color: green; /* specify the background */
    }
    Another option is to use Kendo UI Web ThemeBuilder.

    Regards,
    Iliana Nikolova
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Kendo UI is VS 2017 Ready
  4. stephane
    stephane avatar
    10 posts
    Member since:
    Jan 2010

    Posted 17 Jun 2014 Link to this post

    thank for answer Iliana but unfortunately that css rule doe not change anything

    i put that css code 

    .k-slider-selection {
               background-color: #059BD8;
           }
     
       .k-slider .k-draghandle {
               background-color: green;
        }
     and as you can see in attached file, it changes nothing for draghandle color (but work for selected area)

    Theme builder seems great but slider  (and few others controls) keeps always the same look in spite of I change theme
  5. stephane
    stephane avatar
    10 posts
    Member since:
    Jan 2010

    Posted 17 Jun 2014 in reply to stephane Link to this post

    Sorry for my last observation,  Theme builder refresh has just a bug on chrome browser, but it works fine  on IE

    But I still wonder why .k-draghandle alone does not have effect and which rules I have to combine with that rule for changing colors without paste the full  theme 
  6. Answer
    Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2595 posts

    Posted 19 Jun 2014 Link to this post

    Hi Stephane,

    I tested the suggested CSS rule and it is applied as expected (example). Could you please modify my example and demonstrate your current implementation - this way I would be able to advice you further and provide concrete recommendations? Thank you in advance for your cooperation.

    Regards,
    Iliana Nikolova
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  7. stephane
    stephane avatar
    10 posts
    Member since:
    Jan 2010

    Posted 27 Jun 2014 Link to this post

    I tried your sample in my project and it works.

    Maybe I tried too much to make crazy wizard in my previous project and it broke style.

    Thanks!
Back to Top
Kendo UI is VS 2017 Ready