Tooltip on HTML checkbox is blocking

3 posts, 0 answers
  1. Marcel
    Marcel avatar
    2 posts
    Member since:
    Sep 2014

    Posted 09 Sep 2014 Link to this post

    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. Dimo
    Admin
    Dimo avatar
    8333 posts

    Posted 11 Sep 2014 Link to this post

    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!
     
  3. Kendo UI is VS 2017 Ready
  4. Marcel
    Marcel avatar
    2 posts
    Member since:
    Sep 2014

    Posted 11 Sep 2014 in reply to Dimo Link to this post

    Thanks Dimo,

    works perfect :)

    Regards,
    Marcel
Back to Top