This is a migrated thread and some comments may be shown as answers.

Styling, Stretching, and DataBinding

1 Answer 48 Views
Slider
This is a migrated thread and some comments may be shown as answers.
Dr.YSG
Top achievements
Rank 2
Dr.YSG asked on 26 Jul 2012, 09:13 PM
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.

1 Answer, 1 is accepted

Sort by
0
Hristo Germanov
Telerik team
answered on 27 Jul 2012, 10:45 AM
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!
Tags
Slider
Asked by
Dr.YSG
Top achievements
Rank 2
Answers by
Hristo Germanov
Telerik team
Share this question
or