How do I display modal popup in metro list view

Question

I got a list view of images and I am just wondering how can click or touch the image in the list view, then the modal popup appear and show the image in bigger size. Then touch again, it will close the popup. Could anyone show me how to it in C#, metro style.

Thanks.

Thomas

Answer 1

Hi,

You can use MessageDialog to create a modal window which dims the screen behind it and blocks touch events from passing to the app's canvas until the user responds.

It means that you cannot do other operations behind it until you dismiss it.

Message dialogs should be used sparingly, and only for critical messages or simple questions that must block the user's flow. I advise you follow up the best practice.

For your scenario, I think flyout is suitable because a flyout can be light dismissed by clicking or tapping off of it and will not block UI.

---

Best wishes,

---

Robin [MSFT]
MSDN Community Support | Feedback to us
Get or Request Code Sample from Microsoft
Please remember to mark the replies as answers if they help and unmark them if they provide no help.

Answer 2

Could you please point me to the sample code, I am pretty new to this

Answer 3

http://code.msdn.microsoft.com/windowsapps/Windows-8-Modern-Style-App-Samples

There should be flyout samples in the pack.

---

Matt Small - Microsoft Escalation Engineer - Forum Moderator