Theme Transitions

AddDeleteThemeTransition

Fades in and grows after a short delay.  Fades out and shrinks after a short delay. Glides when repositioned.

Intended for: A collection of elements

ContentThemeTransition

Glides slightly from the right with a quick fade in.  Quickly fades out.

Intended for: Large controls with changing content, such as Frame.

EdgeUIThemeTransition

Slides in from above.  Slides out in reverse direction.

Intended for: An element docked to the edge of an app thyat acts like Command Bar, AppBar etc.

EntranceThemeTransition

Glides slightly from the right with a quick fade in.

Intended for: Pages and other large containers.

PaneThemeTransition

Slides in from the right.  Slides out in reverse direction.

Intended for: A flyout pane that acts like SettingsFlyout

PopupThemeTransition

Glides in from the bottom with a quick fade in.  Quickly fades out.

Intended for: Popups and things that should act like MenuFlyout

ReorderThemeTransition

Fades in and grows.  Fades out and shrinks. Glides when repositioned.

Intended for: A collection of elements

RepositionThemeTransition

Glides to new positon

Intended for: ANy element that can be moved by a layout change.

 

 

 

Feel free to comment if you can add help to this page or point out issues and solutions you have found. I do not provide support on this site, if you need help with a problem head over to stack overflow.

Comments

Your email address will not be published. Required fields are marked *