3 posts, 0 answers
  1. Craig
    Craig avatar
    43 posts
    Member since:
    Aug 2013

    Posted 11 Apr 2014 Link to this post

    Issue:  Popup arrow not aligned with border of popup

    Condition: When I put buttons on the edge of the screen

    Result: Arrow points to button but the padding of the container (15px)  causes it to not align and look bad  (see attached screenshot)
  2. Craig
    Craig avatar
    43 posts
    Member since:
    Aug 2013

    Posted 11 Apr 2014 in reply to Craig Link to this post

    Here is my hacker fix in case anybody runs into same issue and it isn't fixed by Kendo.

    It finds the arrow div that is generated directly above your popup content and subtracts 24px from the left css attribute.

    On the image that get clicked for the pop up add an onclick that sends in the id of the:

    <a data-role="button" href="#popoverSearch" data-rel="popover">
       <img src="images/icon.svg" height="16" onclick="utils.movearrow('popoverSearch')"/>
         function movearrow(obj) {
            setTimeout(function(){$("#" + obj).prev().css("left", "-=24")},100);

  3. Kendo UI is VS 2017 Ready
  4. Petyo
    Petyo avatar
    2439 posts

    Posted 15 Apr 2014 Link to this post

    Hello Craig,

    thank you very much for bringing this edge case to our attention - I am updating your telerik points for this finding. We are going to improve the behavior in question for our next release. 

    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top