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

km-popup-arrow

2 Answers 157 Views
PopOver (Mobile)
This is a migrated thread and some comments may be shown as answers.
Craig
Top achievements
Rank 1
Craig asked on 11 Apr 2014, 05:59 PM
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 Answers, 1 is accepted

Sort by
0
Craig
Top achievements
Rank 1
answered on 11 Apr 2014, 09:03 PM
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')"/>
</a>
 
<script>
     function movearrow(obj) {
        setTimeout(function(){$("#" + obj).prev().css("left", "-=24")},100);
    }
</script>

0
Petyo
Telerik team
answered on 15 Apr 2014, 10:53 AM
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. 

Regards,
Petyo
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
PopOver (Mobile)
Asked by
Craig
Top achievements
Rank 1
Answers by
Craig
Top achievements
Rank 1
Petyo
Telerik team
Share this question
or