{% extends "pxy_dashboard/partials/base.html" %} {% load static %} {% block title %}Range Slider{% endblock title %} {% block extra_css %} {% endblock extra_css %} {% block pagetitle %} {% include "pxy_dashboard/partials/page-title.html" with pagetitle="Extended UI" title="Range Slider" %} {% endblock pagetitle %} {% block content %}

Default

Start with default options

Prefix

Showing grid and adding prefix "$"

Step

Increment with specific value only (step)

Prettify Numbers

Prettify enabled. Much better!

Extra Example

Want to show that max number is not the biggest one?

Postfixes

Using postfixes

Min-Max

Set min value, max value and start point

Range

Set up range with negative values

Custom Values

Using any strings as values

Disabled

Lock slider by using disable option

Use Decorate Both option

Use decorate_both option

Hide

Or hide any part you wish

{% endblock content %} {% block extra_js %} {% endblock extra_js %}