Options, Text Editor, XAML, Formatting
Applies to: 
Visual Studio 
Visual Studio for Mac
Note
This article applies to Visual Studio 2017. If you're looking for the latest Visual Studio documentation, see Visual Studio documentation. We recommend upgrading to the latest version of Visual Studio. Download it here
Use the Formatting property page to specify how elements and attributes are formatted in your XAML documents. To open the Options dialog box, click the Tools menu and then click Options. To access the Formatting property page, expand the Text Editor > XAML > Formatting node.
Auto-Formatting Events
Autoformatting may occur when any of the following events is detected.
Completion of an end tag or simple tag.
Completion of a start tag.
Pasting from the clipboard.
Formatting keyboard commands.
You can specify which events cause autoformatting.
On completion of end tag or simple tag
Autoformatting occurs when you finish typing an end tag or a simple tag. A simple tag has no attributes, for example <Button />.
On completion of start tag
Autoformatting occurs when you finish typing a start tag.
On paste from clipboard
Autoformatting occurs when you paste XAML from the clipboard into XAML view.
Quotation Mark Style
This setting indicates whether attribute values are enclosed in single or double quotation marks. The autoformatter and IntelliSense autocompletion both use this setting.
Once you set this option, only attributes subsequently added either using the designer or manually in the XAML view are affected.
Double quotes (")
Attribute values are enclosed in double quotes.
<Button Name="button1">Hello</Button>
Single quotes (')
Attribute values are enclosed in single quotes.
<Button Name='button1'>Hello</Button>
Tag Wrapping
You can specify a line length for tag wrapping. When tag wrapping is enabled, any XAML subsequently added by using the designer will be wrapped appropriately.
Wrap tags that exceed specified length
Specifies whether lines are wrapped at the line length specified by Length.
Length
The number of characters a line may contain. If necessary, some XAML lines might exceed the specified line length.
Attribute Spacing
Use this setting to control how attributes are arranged in your XAML document
Preserve newlines and spaces between attributes
New lines and spaces between attributes are not affected by autoformatting.
<Button Height="23" Name="button1"
Width="75">Hello</Button>
Insert a single space between attributes
Attributes occupy one line, with one space separating adjacent attributes. Tag wrapping settings are applied.
<Button Height="23" Name="button1" Width="75">Hello</Button>
Position each attribute on a separate line
Each attribute occupies its own line, which is useful when many attributes are present.
<Button
Height="23"
Name="button1"
Width="75">Hello</Button>
Position first attribute on same line as start tag
When checked, the first attribute appears on the same line as the element's start tag.
<Button Height="23"
Name="button1"
Width="75">Hello</Button>
Element Spacing
Use this setting to control how elements are arranged in your XAML document.
Preserve new lines in content
Empty lines in element content are not removed.
<Grid>
<Button Name="button1">Hello</Button>
</Grid>
Collapse multiple empty lines in content to a single line
Empty lines in element content are collapsed to a single line.
<Grid>
<Button Name="button1">Hello</Button>
</Grid>
Remove empty lines in content
All empty lines in element content are removed.
<Grid>
<Button Name="button1">Hello</Button>
</Grid>