locked
showPanel() problems with WinJS.UI.Animation

    Question


  • Noticing some fairly significant issues with the showPanel() function: http://msdn.microsoft.com/en-ca/library/windows/apps/br230467.aspx#feedback

    Using the official SDK samples located here: http://code.msdn.microsoft.com/windowsapps/Using-the-Animation-787f3720 as the point of reference.

    Issue 1: inability to animate a panel in from the left

    Also reference this forum post describing a similar issue: http://social.msdn.microsoft.com/Forums/windowsapps/en-US/126c583f-0c61-4b1b-aecc-fb7227ecc105/winjsuianimationshowpanel#126c583f-0c61-4b1b-aecc-fb7227ecc105

    Setting the 'endpoint' of the panel animation to 'left:0px' does not cause the animation to come in from the left.

    Instead, the animation still offsets to the right, and begins in the center of the interface rather than offscreen. Toggling the offsets in the showPanel parameters  provides no solution to this issue.

    Issue 2: perhaps more significant - according to the SDK example, the panel that is animating into the interface actually exists on top of the interface on the initial page load.

    In the SDK example, if you set the opacity of the panel to '1' instead of '0', it is evident that the panel is above the interface, preventing the ability to interact with the interface itself.

    This could likely be overcome by manipulating z-indexes of other containing elements, or preparing some JavaScript to send the panel offscreen. As laid out in the SDK sample, however, it provides some serious issues.

    Would be curious to know if anybody has been able to work around these problems or investigated an alternate technique for animating large (non appbar) panels into the interface.

    Wednesday, July 3, 2013 2:01 PM

Answers

All replies