Skip to content

How to show max value at the end slide and min value #102

@pgksunilkumar

Description

@pgksunilkumar

Hi I am using Range slider like this way

what i need to know slider does show modal-max value or current value changes instead of showing max value and also as well as min value at right most side.

Can you help me how to show maximum value?



<div class="row" ng-controller="DemoController">
            <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
                <div class="" >
                    <strong>{{demo7.valueA}}</strong>
                    <div range-slider min="demo7.min" max="demo7.max" model-max="demo7.valueA"  pin-handle="min"></div>

                </div>
            </div>
        </div>

<script>
        // basic angular app setup
        var app = angular.module('myApp', ['ui-rangeSlider']);

        app.controller('DemoController',
            function DemoController($scope) {
                $scope.demo7 = {
                    valueA: 50,
                    min : 10,
                    max : 90
                };
            }
            );

        </script>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions