{% extends "partials/base.html" %} {% load static %} {% block title %}Range Slider{% endblock title %} {% block extra_css %} {% endblock extra_css %} {% block pagetitle %} {% include "partials/page-title.html" with pagetitle="Extended UI" title="Range Slider" %} {% endblock pagetitle %} {% block content %}
Start with default options
Showing grid and adding prefix "$"
Increment with specific value only (step)
Prettify enabled. Much better!
Want to show that max number is not the biggest one?
Using postfixes
Set min value, max value and start point
Set up range with negative values
Using any strings as values
Lock slider by using disable option
Use decorate_both option
Or hide any part you wish