Skip to main content

CodeView Window

The CodeView window allows you to edit templates and styles, and bind palette colors to an element in XAML.

Code View

You can open the CodeView window in any of the following ways:

  • Click the CodeView button in the Ribbon’s View tab.

  • When the Inspect Element tool is enabled, hold Ctrl+Shift and click an element.

  • Double-click a file in the Solution Explorer window.

  • Right-click an item in the Individual Colors window and select Navigate to XAML.

  • Double-click a bold-typed UI element in the Visual Tree Window.

The CodeView window supports the following features:

  • Intelligent Code Completion when you bind palette colors to an element.

CodeCompletionGif

  • Go to the definition.

GoToDefinitiongif

  • Go to implementation.

GoToImplementationgif

  • When you enter a palette color name, the Theme Designer underlines the color name with its color value.

ColorUnderliningGif