or
1 answer
14 views
Hi Everyone,
I am checking test-ability of Kendo UI application with CUIT (Coded UI of Microsoft). Whenever I added Id property, CUIT is considering Id property
Source code for sample application:
**********************************
<%= Html.Kendo().Slider()
.Name("eqSlider1")
.HtmlAttributes(new {id = "files" })
.Orientation(SliderOrientation.Vertical)
.Min(-20)
.Max(20)
.SmallStep(1)
.LargeStep(20)
.ShowButtons(false)
.Value(10)
.HtmlAttributes(new { @class = "eqSlider" })
%>
**********************************
Regards,
Rajendar.
I am checking test-ability of Kendo UI application with CUIT (Coded UI of Microsoft). Whenever I added Id property, CUIT is considering Id property
Source code for sample application:
**********************************
<%= Html.Kendo().Slider()
.Name("eqSlider1")
.HtmlAttributes(new {id = "files" })
.Orientation(SliderOrientation.Vertical)
.Min(-20)
.Max(20)
.SmallStep(1)
.LargeStep(20)
.ShowButtons(false)
.Value(10)
.HtmlAttributes(new { @class = "eqSlider" })
%>
**********************************
Regards,
Rajendar.
Atanas Georgiev
Telerik team
answered
on
13 Nov 2014
5 answers
706 views
Looking through the API I am unable to find a way to change the minimum or maximum values of the slider after creation. What is the best way to accomplish this (I need the maximum to be different depending on what item the user has selected)?
Petur Subev
Telerik team
answered
on
24 Oct 2014
1 answer
61 views
See http://dojo.telerik.com/izAW
If smallStep is 2 or greater, the slider looks good (no numbers as I expect). But when the smallStep is 1, then it looks corrupted.
Thanks,
Ryan
If smallStep is 2 or greater, the slider looks good (no numbers as I expect). But when the smallStep is 1, then it looks corrupted.
Thanks,
Ryan
Hristo Germanov
Telerik team
answered
on
24 Oct 2014
3 answers
189 views
Hi
I'm trying to create a slider with min value = 0%, max value = 0.1% and increment 0.01%, i.e. min=0,max=0.001, step = 0.0001, however, it seems that the smallest step the slider works with is 0.001, is this some weird limitation of the slider or am I doing something wrong?
I have recreated it here:
http://dojo.telerik.com/etuvI
I'm trying to create a slider with min value = 0%, max value = 0.1% and increment 0.01%, i.e. min=0,max=0.001, step = 0.0001, however, it seems that the smallest step the slider works with is 0.001, is this some weird limitation of the slider or am I doing something wrong?
I have recreated it here:
http://dojo.telerik.com/etuvI
Hristo Germanov
Telerik team
answered
on
29 Sep 2014
5 answers
151 views
If you have a fairly large range of numbers, like a max of 1000 with a largeStep of 100, the tick label that shows "1,000" appears off the slider. I noticed this because I have my Slider in a div with a border, so the tick label is over the top of the border. See the example here, with the basic code copied from the demos.
As you can see, the "1,000" label is outside the border of the div. Why is it doing this? Is there anyway to fix it?
As you can see, the "1,000" label is outside the border of the div. Why is it doing this? Is there anyway to fix it?
Hristo Germanov
Telerik team
answered
on
23 Sep 2014
4 answers
1.0K+ views
Is there any style available to make the slider take the entire div width. I have set the div width = 100% . Tried to put a style to the div and also tried to keep the div width to 500px with no much luck. I have tried to use the following style as well:
.k-slider .k-slider-horizontal
{
width: 400px;
}
Here is the slider code :
$("#slider").kendoSlider({
min: 1990,
max: 2010,
orientation: "horizontal",
smallStep: 1,
largeStep: 5,
tickPlacement: "bottomRight",
showButtons: false
});
Am I missing something ?
Please suggest.
Thanks
.k-slider .k-slider-horizontal
{
width: 400px;
}
Here is the slider code :
$("#slider").kendoSlider({
min: 1990,
max: 2010,
orientation: "horizontal",
smallStep: 1,
largeStep: 5,
tickPlacement: "bottomRight",
showButtons: false
});
Am I missing something ?
Please suggest.
Thanks
8 answers
1.1K+ views
Hello,
I am using the slider within a container that resizes as the browser window is resized. The slider does not adapt to the new width, and I don't see a method to redraw it.
Can you provide some guidance on how this can be resolved?
Thanks,
Gary
I am using the slider within a container that resizes as the browser window is resized. The slider does not adapt to the new width, and I don't see a method to redraw it.
Can you provide some guidance on how this can be resolved?
Thanks,
Gary
1 answer
104 views
Hello
Is this possible to create slider that have multiple handles? Not only 1 or 2.
I need to define multiple ranges e.g 0-20-40-50-60-100
And user should be able to change that ranges, add new handle between, move around, etc.
I just wonder if I can achieve that using Kendo.
Here are examples what I would like to have using jquery-ui:
http://stackoverflow.com/questions/18094111/multi-handle-slider-mvc
http://stackoverflow.com/questions/10485075/slider-with-multiple-handle-and-background-color-for-content
http://stackoverflow.com/a/13838802/1164761
Kind Regards
Marcin
Is this possible to create slider that have multiple handles? Not only 1 or 2.
I need to define multiple ranges e.g 0-20-40-50-60-100
And user should be able to change that ranges, add new handle between, move around, etc.
I just wonder if I can achieve that using Kendo.
Here are examples what I would like to have using jquery-ui:
http://stackoverflow.com/questions/18094111/multi-handle-slider-mvc
http://stackoverflow.com/questions/10485075/slider-with-multiple-handle-and-background-color-for-content
http://stackoverflow.com/a/13838802/1164761
Kind Regards
Marcin
Hristo Germanov
Telerik team
answered
on
12 Sep 2014
1 answer
150 views
This code works for making a slider
I try to do the same thing but for a range slider:
It doesn't works event with trivial way
Do you have idea how to do that?
<script>
$(document).ready(function () {
varsliderTimePush = jQuery("#sliderTimePush").kendoSlider({ increaseButtonTitle: "Right", decreaseButtonTitle: "Left", showButtons: true, min: 1, max: 7, largeStep: 1, tooltip: { enabled: false }, orientation: "horizontal" });
});
</script>
<input id="sliderTimePush" class="balSlider" value="0" />
<script> $(document).ready(function () {var sliderTimePush = jQuery("#sliderTimePush").kendoRangeSlider({ increaseButtonTitle: "Right", decreaseButtonTitle: "Left", showButtons: true, min: 1, max: 7, largeStep: 1, tooltip: { enabled: false }, orientation: "horizontal" }); });</script> <input id="sliderTimePush" class="balSlider" value="0" />It doesn't works event with trivial way
var sliderTimePush = jQuery("#sliderTimePush").kendoRangeSlider()({ min: 0, max: 10, smallStep: 1, largeStep: 2, tickPlacement: "both"});Do you have idea how to do that?
Alexander Valchev
Telerik team
answered
on
01 Jul 2014
5 answers
587 views
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
Now i would like to do same for the "ball" shape selector and the not selected area.
Could you help me please?
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?
