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

Tooltip on HTML checkbox is blocking

2 Answers 148 Views
ToolTip
This is a migrated thread and some comments may be shown as answers.
Marcel
Top achievements
Rank 1
Marcel asked on 09 Sep 2014, 10:33 AM
Hi,

using a Kendo UI ToolTip on a checkbox doesn't seem to work quite well. The ToolTip arrow is blocking the checkbox:

<script type="text/javascript" language="javascript">
    $(document).ready(function () {
        $('.toolTipFastTop').each(function () {
            $(this).kendoTooltip({
                autoHide: false,
                position: 'top'
            });
        });
    });
</script>
 
<input style="margin:40px" class="toolTipFastTop" title="BlablaTest" type="checkbox" />

I also tried it with editing on of your online examples, same result.
Kendo UI version: 2014.2.903

Regards,
Marcel

2 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 11 Sep 2014, 06:59 AM
Hi Marcel,

You can use the show event to move the tooltip up a little.

$(this).kendoTooltip({
    autoHide: false,
    position: 'top',
    show: function (e) {
        e.sender.popup.wrapper.css("margin-top", -5);
    }
});


Regards,
Dimo
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Marcel
Top achievements
Rank 1
answered on 11 Sep 2014, 08:03 AM
Thanks Dimo,

works perfect :)

Regards,
Marcel
Tags
ToolTip
Asked by
Marcel
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Marcel
Top achievements
Rank 1
Share this question
or