Tooltip on HTML checkbox is blocking

[Marcel]

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

[Dimo]

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

 

 

[Marcel]

Thanks Dimo,

works perfect :)

Regards,
Marcel