Hello,
I am trying the Kendo Slider for ASP MVC and want to set the inital values programatically. To do this I have this line of code:
@Html.Kendo.RangeSlider.Name(
"rangesliderStadtverkehr"
).Min(0.6).Max(5.5).SmallStep(0.1).LargeStep(1).Values(
CDbl
(0.6),
CDbl
(5.5))
But when the site is rendered the selectionStart-value is set to 6 and the selectionEnd-value is set to 55. It seems that the decimal-point ist forgotten.
An additional problem is a linebreak at the end of the renderd slider. For both problems I have added an attachment.
Can you help me to fix the problems? Thank you.
Best regards, Martin
Hello,
I'm trying to put title on 2 lines but the layout is not so good. See attachment. This is the code used here :
steps[6] = 'Might well be expected at some time';
steps[5] = 'Quite possi. could happen';
steps[4] = 'Unusual but possible';
steps[3] = 'Remotely possible';
steps[2] = 'Conceivable but<
br
/>very unlik.';
steps[1] = 'Pratically impossible';
steps[0] = 'Choose value';
AdapterLegendes("#NoProbabilite", steps);
function AdapterLegendes(nomSlider, steps) {
var slider = $(nomSlider).data("kendoSlider");
var largeTickItems = slider.wrapper.find(".k-tick-large");
$.each(largeTickItems, function (index) {
var step = steps[index];
var children;
$(this).attr("title", step).children().html(step);
});
}
Hello,
1) How I can change the color slider when user select another value of the slide. Example, selecting 1 the slider become yellow, selecting 2 it's become red, etc. I have to use the sliderChange I guess. But what are the JS instructions?
2) And it's possible the change the thickness of the slider?
Thank a lot for your precious help.
Requirements |
|
Telerik Product and Version |
Kendo |
Supported Browsers and Platforms |
IE |
Components/Widgets used (JS frameworks, etc.) |
Hello Telerik Team,
We are looking for a Kendo-MVC control equal to the below link:-
http://demos.telerik.com/aspnet-ajax/splitter/examples/sp_firstlook/defaultcs.aspx
we need to overlay on another control same like the above example. we have already seen the Kendo slider which does not fit into our requirement.
Please let us know ASAP.
For example, if I have a change event as below
function sliderChange(e)
{
var msg = "View is changed to " + e.value;
$("#e.ID").html(msg);
}
How can I get slider ID then I can change some control related to this ID?
Thanks
Hello,
is it possible to create multiple range slider using Kendo UI ?
see attachement.
Thanks.
<
input
id
=
"..."
name
=
"..."
class
=
"post-retirement"
data-show-buttons
=
"false"
data-role
=
"slider"
data-min
=
"0"
data-max
=
"2"
data-small-step
=
"0.01"
value
=
""
data-value
=
""
data-bind
=
"visible: isVisible, events: { change: onChange }"
data-index
=
"@i"
data-tooltip
=
"{format: '{0:p0}'}"
data-toggle
=
"tooltip"
/>
<
input
id
=
"..."
name
=
"..."
class
=
"weight-split"
data-show-buttons
=
"false"
data-role
=
"slider"
data-min
=
"0"
data-max
=
"1"
data-small-step
=
"0.01"
value
=
""
data-value
=
""
data-bind
=
"visible: isVisible, events: { change: onChange }"
data-index
=
"@i"
data-tooltip
=
"{format: '{0:p0}'}"
data-toggle
=
"tooltip"
/>
//activate tooltips
$(
"[data-toggle=\"tooltip\"]"
).tooltip();
var
postRetirementViewModel = kendo.observable({
isEnabled:
true
,
isVisible:
true
,
onChange:
function
(e)
{
//get the index for this row
var
index = $(e.sender.element).data(
"index"
);
//removed for brevity
}
});
var
weightSplitViewModel = kendo.observable({
isEnabled:
true
,
isVisible:
true
,
onChange:
function
(e)
{
//removed for brevity
}
});
kendo.bind($(
".post-retirement"
), postRetirementViewModel);
kendo.bind($(
".weight-split"
), weightSplitViewModel);