How to create simple range slider in ASP.NET MVC 3?

Question

How to create simple range slider in ASP.NET MVC 3 without using external libraries such as telerik or any other?

Answer 1

You can take a look at the ASP.NET MVC Slider component by Shield UI, which is another way to easily create a powerful slider in your MVC views.

Razor code looks like this:

    @(Html.ShieldSlider()
        .Name("slider")
        .Cls("slider")
        .Min(0)
        .Max(10)
        .Value(4)
        .Buttons(true)
        .Ticks(ticks => ticks.Enabled(true))
        .Values(values => values.Template("{0:c}"))
        .Tooltip(tooltip => tooltip.Enabled(true).Template("Price: {0:c}")))