locked
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).

    Tuesday, September 27, 2011 7:42 AM

Answers

  • 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

    Saturday, October 01, 2011 7:05 PM
    Owner

All replies

  • 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
    Wednesday, September 28, 2011 1:08 PM
    Moderator
  • 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?

     

    Wednesday, September 28, 2011 1:59 PM
  • 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.

    Thursday, September 29, 2011 2:15 PM
  • 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

    Saturday, October 01, 2011 7:05 PM
    Owner