This topic contains 1 reply, has 2 voices, and was last updated by  Hristo 8 years, 7 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • jqxangular tooltip issue #79716


    Hi There,

    I tried to implement jqxangular tooltip feature shown in example, but i am facing some issues:

    1: scope variable containing Tooltip content not rendering inside jqx-tooltip directive.
    2: position of tooltip is always at the end of div / span, not on location of mouse.

    i might be missing something, which i cant figure out. please look into it.


    <!DOCTYPE html>
    <html ng-app=”demoApp”>
    <title id=’Description’>jqxTooltip Directive for AngularJS.</title>
    <link rel=”stylesheet” href=”jqx.base.css” type=”text/css” />
    <script type=”text/javascript” src=”angular.min.js”></script>
    <script type=”text/javascript” src=”jquery-1.11.3.js”></script>

    <script type=”text/javascript” src=”jqxcore.js”></script>
    <script type=”text/javascript” src=”jqxbuttons.js”></script>
    <script type=”text/javascript” src=”jqxtooltip.js”></script>
    <script type=”text/javascript” src=”jqxangular.js”></script>
    <script type=”text/javascript”>
    var demoApp = angular.module(“demoApp”, [“jqwidgets”]);
    demoApp.controller(“demoController”, function ($scope) {
    $scope.toolTipContent = “The Amazing Spider-man”;
    // cancel button click handler.
    $scope.changeTooltip = function () {
    $scope.toolTipContent = “The Amazing Spider-man 2″;
    <body class=’default’>
    <div ng-controller=”demoController”>
    <div> content of tooltip: {{toolTipContent}}</div>
    <jqx-tooltip jqx-position=”‘mouse'” jqx-content=”‘toolTipContent'”>
    <span> JQX TOOl TOOL TIP TRIAL </span>
    <br /><br />
    <jqx-button ng-click=”changeTooltip()”>Change Tooltip Content</jqx-button>


    • This topic was modified 8 years, 7 months ago by  bipin.
    jqxangular tooltip issue #79824


    Hello Bipin,

    There are quotes more.
    Correct – <jqx-tooltip jqx-position="'mouse'" jqx-content="toolTipContent">
    instead – jqx-content=”toolTipContent
    And if you change <span> tag with some tag the position of tooltip will follow mouse.
    Everything else is ok.

    Best Regards,
    Hristo Hristov

    jQWidgets team

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

You must be logged in to reply to this topic.