Theme Transition Types

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.

 

 

 

USEFUL?
We benefit hugely from resources on the web so we decided we should try and give back some of our knowledge and resources to the community by opening up many of our company’s internal notes and libraries through mini sites like this. We hope you find the site helpful.
Please feel free to comment if you can add help to this page or point out issues and solutions you have found, but please note that we do not provide support on this site. If you need help with a problem please use one of the many online forums.

Comments

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