Behavior and positioning of Modal / Not Modal PopUp

[Michael]

Hi,

I am playing around with the PopUp but I have several basic issues:

 

1. I would like the Modal PopUp to close when I click outside the PopUp (This is how the Non-Modal popup behaves??).
2. When I add a "Non-Modal" popup, I would like my page to stay active (right now the PopUp will close when I click outside the PopUp, but the content on my page is not active until the PopUp is closed.)
3. I find it difficult to position the PopUp - How can I place it horizontally centered with a margin to the left and the right and vertically on top with a margin? (If I add Margin to the border inside the PopUp's content, then the "Non-Modal "popup wont close when I click on the area defined by the "Margin")

Best regards,

 

[Yana]

Hi Michael,

Thank you for your interest in RadPopup control.

Let's go straight to the issues:

1. The idea of the modal popup is the content behind to be inactive, that's why clicking outside has no effect. Indeed, what you've described sounds like you'd need a non-modal popup. If that's not the case, could you elaborate more on the exact scenario you have?

2. Currently, the non-modal popup is closed as soon as the user taps outside it, we have a feature request for the behavior you'd need, please cast your vote and track its status at the link below:
https://feedback.telerik.com/xamarin/1386785-popup-provide-a-way-not-to-close-the-popup-when-the-user-clicks-outside

3. First, you would need to attach the Popup to the Page element (using RadPopup.Popup attached property), then set its Placement to Relative (in this way it aligns to the top left corner of its target which is the Page) and define HorizontalOffset and VerticalOffset according to the needed margins.  I have attached a quick example to demonstrate how this would work.

Let me know if any additional questions arise.

Regards,
Yana
Progress Telerik

[Michael]

As you describe the modal popup (see below) I would expect that the content behind the Non-modal popup would stay active all the time. In my opinion there is a bug in the control?

The only difference between modal or not - is that the Modal wont close when you click outside. In both senators, the content behind the popup is not active until then popup is closed.

Modal popup
You could define whether the popup will be modal or not through the IsModal Boolean property. When IsModal is True, the UI behind the popup gets inactive and cannot be used until the popup is closed.

The correct description would be:

When IsModal is True or False, the UI behind the popup gets inactive and cannot be used until the popup is closed.

 

[Yana]

Hi Michael,

I agree that the description could be a little misleading and I will update it right away.

What we meant here, actually, is that with non-modal popup, you could easily focus on the content behind, by just clicking outside the popup.  I will make sure to explain it in more details in the documentation.

Thank you for sending your comments on this, I've updated your points as a small sign of gratitude for your involvement.

Regards,
Yana
Progress Telerik