Styling, Stretching, and DataBinding

2 posts, 0 answers
  1. Dr.YSG
    Dr.YSG avatar
    210 posts
    Member since:
    Dec 2009

    Posted 26 Jul 2012 Link to this post

    I tried to CSS style the slider with a percentage width of it's container (100%), this made the slider go for three lines (since the top level window is very large).

    I am actually using this as a progress meter, So I suppose I should disable it, but the faded look is not what I am looking for. All I want to do is remove the thumb of the slider, not a big issue, but it might be something to consider.

    Also, since it is a progress meter, data-binding would be nice.

  2. Hristo Germanov
    Admin
    Hristo Germanov avatar
    703 posts

    Posted 27 Jul 2012 Link to this post

    Hi Yechezkal Gutfreund,

    1. "I tried to CSS style the slider with a percentage width of it's container (100%), this made the slider go for three lines (since the top level window is very large)." - This is not supported by the slider.
    2. "I am actually using this as a progress meter, So I suppose I should disable it, but the faded look is not what I am looking for. All I want to do is remove the thumb of the slider, not a big issue, but it might be something to consider." You can remove the thumb of the slider with css:

    .k-draghandle {
       display: none;
    }
    3. Slider is not designed to be a progress meter and I don't think that the slider needs data-binding. You can easily hook up to the change of the dataSource and in it you can change the slider value. And I think that in your case you need to use LinearGauge.

    Greetings,
    Hristo Germanov
    the Telerik team
    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
Back to Top