Tooltip doesn't have carat

3 posts, 1 answers
  1. Charles
    Charles avatar
    9 posts
    Member since:
    Mar 2012

    Posted 08 May 2013 Link to this post

    I'm using the Tooltip for the first time. It is working, but does not have the little triangle carat indicating the origin (if you follow my meaning). 

    Here is the HTML being generated:

    <div class="k-animation-container" style="width: 313px; height: 170px; margin-left: -2px; padding-left: 2px; padding-right: 2px; padding-bottom: 4px; overflow: hidden; display: none; position: absolute; top: 60px; z-index: 10002; left: 172px;"><div role="tooltip" class="k-widget k-tooltip k-popup k-group k-reset k-state-border-left" data-role="popup" style="display: none; width: 300px; -webkit-transform: scale(0.01) translateX(-313px); position: absolute;" aria-hidden="true"><div class="k-tooltip-content">Defined data processing Exceptions are presented here by category. Use these screens to inspect Exceptions before Acknowledging, performing an Action or Deferring the decision to a team member or later time. The decision will be recorded and full details provided in a generated report. Individual Item Exceptions can be treated throughout the Project from the Freeform Analysis page.</div><div class="k-callout k-callout-w" style="top: 80.5px;"></div></div></div>
    and here is how I'm initializing the Tooltip:

    $("#sidebar").kendoTooltip({
                filter: ".helper",
                position: "right",
                width: 300,
                animation: {
                    open: {
                        effects: "zoom:in slideIn:right",
                        duration: 200
                    },
                    close: {
                        effects: "zoom:in slideIn:right",
                        reverse: true,
                        duration: 100
                    }
                }
     
     
            });
    Is it possible I'm missing some required files?

    Thanks!
  2. Answer
    Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2595 posts

    Posted 10 May 2013 Link to this post

    Hello Charles,

    I am not quite sure what causes the issue in your application - the provided configuration looks OK. For your convenience here is a simple jsBin example - could you please edit it and reproduce the issue? This way I would be able to check what exactly is going wrong and provide concrete recommendations. Thank you in advance for your cooperation.
      
    Regards,
    Iliana Nikolova
    the Telerik team
    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
  4. Charles
    Charles avatar
    9 posts
    Member since:
    Mar 2012

    Posted 10 May 2013 Link to this post

    Somehow we were missing the latest CSS. Not sure how but when the kindo ui js files were updated in the project the new CSS was not :/ 
Back to Top