jqx-slider: tooltipFormatFunction does not work - Angular, Vue, React, Web Components, Javascript, HTML5 Widgets

Tagged: jqx-slider tooltipFormatFunction tickLabelFormatFunction

This topic contains 7 replies, has 5 voices, and was last updated by samjones02 2 years, 7 months ago.

Viewing 8 posts - 1 through 8 (of 8 total)

Author

jqx-slider: tooltipFormatFunction does not work Posts
January 20, 2015 at 7:55 am jqx-slider: tooltipFormatFunction does not work #65660
badera
Participant
Dear jqWidgets Team

I have problems using customized tooltips on jqxSlider Control. Why does the following not work?
```
<!DOCTYPE html>
<html ng-app="demoApp">
<head>
    <title id="Description">jqxSlider directive for AngularJS</title>
    <link rel="stylesheet" type="text/css" href="../../jqwidgets/styles/jqx.base.css" />
    <script type="text/javascript" src="../../scripts/angular.min.js"></script>
    <script type="text/javascript" src="../../scripts/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxdata.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcheckbox.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxslider.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxangular.js"></script>
    <script type="text/javascript" src="../../scripts/demos.js"></script>
    <script type="text/javascript">
        var demoApp = angular.module("demoApp", ["jqwidgets"]);

        demoApp.controller("demoController", function ($scope) { 
            $scope.value = 200;
            
            $scope.sliderSettings = {
                min: 100,
                max: 500,
                tooltip: true,
                tooltipFormatFunction: function(value) {
                    console.log("this function is never called...");
                    return new Number(888).toPrecision(2);
                }
            };
        });
    </script>
</head>
<body>
    <div ng-controller="demoController">
        <br /><br />
        <jqx-slider ng-model="value" jqx-settings="sliderSettings"></jqx-slider>
        <br /><br />
        <div class="jqx-rc-all" style="background: lime;  height: 50px;" ng-style="{ width: value + 'px' }"></div>
    </div>
</body>
```
Thanks for your help in advance!
– badera
January 21, 2015 at 12:29 pm jqx-slider: tooltipFormatFunction does not work #65752

badera
Participant

May I kindly re-ask, what is here the problem?

January 26, 2015 at 3:14 pm jqx-slider: tooltipFormatFunction does not work #66020

badera
Participant

I am still waiting for a response here. Is it possible to get one please?
Thanks in advance!
– badera

January 27, 2015 at 8:50 am jqx-slider: tooltipFormatFunction does not work #66061

Peter Stoev
Keymaster

Hi badera,

We will investigate for a future update why this angularjs code does not work as expected.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

January 10, 2017 at 7:17 pm jqx-slider: tooltipFormatFunction does not work #90464

ndh
Participant

Hello, is this topic still on the radar? I am evaluating jQWidgets 4.4.0 for a project and this problem is still present. It affects tickLabelFormatFunction as well: the function is never called, as illustrated in the original poster’s example above.

Thanks!

February 10, 2017 at 3:02 am jqx-slider: tooltipFormatFunction does not work #91458

Gary
Participant

I’m encountering this in 4.1.1. It appears to be specific to the range slider.

Walking the minified code, _showTooltip in jqxslider.js calls g.tooltipFormatFunction and stores the result.
However, if g.toolTipCreated is true and g.rangeSlider is true, the result does not appear to ever be used.

(Actually, I just realized this is a separate issue from the original Angular non-range report, will open a new item.)

August 29, 2022 at 11:22 am jqx-slider: tooltipFormatFunction does not work #122421

samjones02
Participant

Gary write the right Answer

August 29, 2022 at 11:23 am jqx-slider: tooltipFormatFunction does not work #122422

samjones02
Participant

Mage Monkeys provides the best Magento Ecommerce Store Development Service. Mage monkeys is a leading Magento development company. We are an ISO 9001:2008 certified company with 17+ years of expertise and experience in the IT industry. Hire Magento Developers
Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.