Show up animation for UI elements like PopUp / MessageBox / ChildWindow in W8 Metro

Question

Hello,

is there a standard show up animation for UI elements like PopUp, MessageBox or ChildWindow in Windows 8 Metro design? If so, where can I find a visual example.

I don't have W8 environment installed, so it would be nice if anyone could point me to a descriptive resource (e.g. design guid) or a visual sample (e.g. video).

Answer 1

Hi Martin - Metro-style applications do not support popups, messagebox or child windows as these aren't part of the specification. You should look into Toast Notifications:  http://msdn.microsoft.com/en-us/library/windows/apps/windows.ui.notifications.toastnotifier(v=VS.85).aspx

"Basic Toasts Sample" is in the Samples Collection.

---

Matt Small - Microsoft Escalation Engineer - Forum Moderator

Answer 2

Hello Matt,

thank you for your reply. The information under the link you provided says, that documentation is preliminary and is subject to change. So, concerning that, I would like to keep this thread open.

Do you know, whether there is any explicit statement, that says, that PopUps etc. aren't part of the specification or do I get this information only from a contradiction?

 

Answer 3

Permit me to mention that overlapping windows are not part of the WinRT spec. This seems to rule out some of what you are perhaps trying to achieve.

I forget exactly where I picked up this information, but I suspect it was one of the Build presentation videos.

Answer 4

Martin, take a look at the JavaScript Flyout sample at http://code.msdn.microsoft.com/windowsapps/Flyout-sample-33bbfe34 .  There isn't currently a Xaml Flyout control, but that should give you some ideas.  There are also several //build/ sessions on animations which may help.

While Metro style apps don't have child windows in the classic sense, they do include popup windows for flyouts, menus, etc., typically with a light release pattern so they go away immediately if somebody clicks anywhere outside of them.  

--Rob