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

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

2 Answers 19 Views
ToolTip
This is a migrated thread and some comments may be shown as answers.
Tim
Top achievements
Rank 1
Tim asked on 08 Nov 2013, 04:25 PM
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 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 11 Nov 2013, 02:20 PM
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!
0
Accepted
Tim
Top achievements
Rank 1
answered on 11 Nov 2013, 02:51 PM
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
Tags
ToolTip
Asked by
Tim
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Tim
Top achievements
Rank 1
Share this question
or