This is a migrated thread and some comments may be shown as answers.

Position in AngularJS

1 Answer 150 Views
ToolTip
This is a migrated thread and some comments may be shown as answers.
Matthew
Top achievements
Rank 1
Matthew asked on 26 Oct 2015, 08:08 PM

I have tried to change the position of tooltip in Angular using k-position but it does not work. See http://dojo.telerik.com/EjALA Can the tool tip position be changed in the Angular syntax?

Sample:

<div kendo-tooltip k-content="'Sample Content'" k-position="left">
    Tool Tip
</div>

Thanks, Matt

1 Answer, 1 is accepted

Sort by
0
Accepted
Konstantin Dikov
Telerik team
answered on 27 Oct 2015, 02:25 PM
Hello Matthew,

In your example you need to pass the "left" value as a string: "'left'":
With your current syntax, the widget expects "left" to be a variable from the scope:
<div kendo-tooltip k-content="'The <b>tooltip</b><br />Time is: {{time}}'" class="k-group" k-position="left">
....
 
<script>
    angular.module("KendoDemos", ["kendo.directives"])
        .controller("MyCtrl", function ($scope, $timeout) {
            $scope.left = "left";
            ....
        })
</script>

Hope this helps.


Regards,
Konstantin Dikov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
ToolTip
Asked by
Matthew
Top achievements
Rank 1
Answers by
Konstantin Dikov
Telerik team
Share this question
or