Styling, Stretching, and DataBinding

[Dr.YSG]

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.

[Hristo Germanov]

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