Position in AngularJS

2 posts, 1 answers
  1. Matthew
    Matthew avatar
    33 posts
    Member since:
    Aug 2008

    Posted 26 Oct 2015 Link to this post

    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

  2. Answer
    Konstantin Dikov
    Admin
    Konstantin Dikov avatar
    1796 posts

    Posted 27 Oct 2015 Link to this post

    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!
     
  3. Kendo UI is VS 2017 Ready
Back to Top