Kendo Popup Anchor tag , auto positioning

1 Answer 217 Views
Popup
alex
Top achievements
Rank 1
alex asked on 10 Jun 2021, 12:45 PM


since the icon is at bottom of the page, even if i click on it,
the anchor is still in top.

how to fix this 
how to shift this anchor position automatically

1 Answer, 1 is accepted

Sort by
0
Preslava
Telerik team
answered on 15 Jun 2021, 06:30 AM

Hi Alex,

To align the Popup to a specific element, the anchor property binding should be used. Thus, the Popup will open next to the defined anchor

Here is an example:

https://stackblitz.com/edit/angular-pwrht5?file=app/app.component.ts

To specify the exact position of the popup and the anchor, the popupAlign and the anchorAlign properties should be used.

The following example demonstrates the different options:

https://stackblitz.com/edit/angular-2ysm4c?file=app/app.component.ts

More information about the Popup aligning and positioning could be found here:

https://www.telerik.com/kendo-angular-ui/components/popup/aligning-positioning/

I hope this helps.

Regards,
Preslava
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Tags
Popup
Asked by
alex
Top achievements
Rank 1
Answers by
Preslava
Telerik team
Share this question
or