Windows apps
Collapse the table of content
Expand the table of content

Objects and Timeline panel (XAML)

In the Objects and Timeline panel, you can:

  • View the hierarchical structure of all of the objects on the artboard.

  • Select objects so that you can modify them on the artboard or set properties for them in the Properties panel.

  • Create and modify animation timelines.

  • Create and modify control and data templates.

The Objects and Timeline panel as it appears when you view a storyboard in recording mode

Object and Timeline panel in animation mode


Objects view   Shows a hierarchical structure of a document. You can use the hierarchical view to drill down to varying levels of detail. Objects in the hierarchy can be grouped, allowing them to be modified, locked and unlocked, or hidden or shown as a group. The width of the objects view can be adjusted by dragging the split bar to the right of the lock column to the desired width.


Record mode indicator   Indicates when you are recording property changes in a timeline.

Tip Tip

When in record mode, the record mode indicator will also appear in the record bar above the artboard. You can use either indicator to turn record mode on or off.


Storyboard picker   Shows a list of all the storyboards available for the selected element or children of that element.


Close Storyboard   Closes the current storyboard.


Storyboard drop-down menu   Provides options for creating, duplicating, reversing, deleting, renaming, or closing a storyboard.


Playback controls   Provides controls that you can use to navigate through the timeline. You can also drag the playhead to navigate through (or scrub) the timeline.


Return scope to   Scopes the objects view back to the previous root object or previous scope. Scoping up is applicable only when you are modifying a style or template.


Record a keyframe   Records a snapshot of the properties of the selected object at the current point in time.


Snapping options   Provides options for setting timeline snapping, snap resolution, and turning off timeline snapping.

When timeline snapping is enabled, the next and previous frame buttons respect the snap resolution set in the Snapping Options dialog box. The snap resolution also determines where on the timeline a keyframe can be set.


Show/Hide, Lock/Unlock   Provides visibility and locking options for the objects view.


Playhead position on the timeline   Shows the current time in milliseconds (hh:mm:xxx). You can also enter a time value directly in this field to jump to a particular point in time. The precision depends on the snap resolution set in the Snapping Options.


Playhead   Indicates the current point in time for the selected animation. You can drag the playhead across the timeline to preview the animation. This technique is called scrubbing.


Keyframes set on timelines   Specifies a change in a property value at a specific point in time. Keyframes have different levels. The keyframes set for the Angle element are simple keyframes; the keyframes set for the RenderTransform element are compound keyframes; and the keyframes set for the DetailsPane object are object-level keyframes.


Change order of objects   Sets the display order of objects. Use to arrange objects in the structure view by Z order (front-to-back) or by markup order (the order in which they appear in XAML view).


Timeline zoom   Sets the zoom resolution of the timeline. Zooming in lets you edit an animation with more detail, and zooming out shows an overview of what is happening over longer periods of time. If you zoom in but can't set a keyframe at the position in time that you want, verify that the snap resolution is set high enough.

Callout 16

Timeline composition area   Shows the timeline, and lets you move keyframes around by dragging them or using their shortcut menus.

© 2017 Microsoft