Why am I getting a number of symbols showing up in my tooltip

3 posts, 1 answers
  1. Tim
    Tim avatar
    5 posts
    Member since:
    Sep 2011

    Posted 08 Nov 2013 Link to this post

    Hi,

    I am looking to implement the kendo ui tooltip for MVC. With the way I have it implemented now, I am getting a whole bunch of random symbols showing up in my tooltip.

    I've attached a screen shot of what I am seeing and attached the relevant portions of code I am using. I am hoping to fill my ServiceTypeToolTip div with significantly more content and there will be about 20 of these such sections on the page. 

    *I am using Kendo 2013.1.319

    Any help would be appreciated.

    Thanks!

        @(Html.Kendo().Tooltip()
            .For("#ServiceTypeImg")                
            .ShowOn(TooltipShowOnEvent.Click)
            .AutoHide(false)
            .Animation(true)
            .ContentTemplateId("ServiceTypeToolTip")
            .Position(TooltipPosition.Right)
            .Width(120)
        )
        
        <div id ="ServiceTypeToolTip">
            <p>this is one line</p>
            <p>this is line 2</p>
            <p>this is a very very very very ver yver yveryv eryvery veyrvey rye long line</p>
        </div>

    <img src="~/Images/question-mark-icon-tiny-small.png" id="ServiceTypeImg" />








  2. Dimo
    Admin
    Dimo avatar
    8330 posts

    Posted 11 Nov 2013 Link to this post

    Hi Tim,

    What I am seeing is a sprite image from the old Telerik MVC Extensions. It is complelety unclear what styles cause it to appear in the described scenario - I guess there is some custom CSS code that you are using. Please inspect the Tooltip and its contents with a DOM inspector to find out more information about the applied styles and where they come from. For example, you may need to disable background image repeat, or use a single icon for a background image, instead of a sprite image (if the element that has the background image applies is large by design).

    Regards,
    Dimo
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. UI for ASP.NET MVC is VS 2017 Ready
  4. Answer
    Tim
    Tim avatar
    5 posts
    Member since:
    Sep 2011

    Posted 11 Nov 2013 Link to this post

    Hi Dimo,

    I took your advice and it looks like on the css for the k-tooltip class, the background image is set by default to Vista/sprite.png.

    I am not sure how that got set there. Anyways, thanks for pointing me in the right direction, I can just override that property with my own.

    Cheers,

    Tim
Back to Top