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

[Tim]

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" />

[Dimo]

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

[Tim]

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