Walkthrough: Adding Custom XAML to the Start Page
This walkthrough shows how to create a custom Visual Studio Start Page that contains a Web browser.
Adding Custom XAML
To add custom XAML
Create a Start Page by using the Start Page project template. For more information, see Start Pages.
In Solution Explorer, open the .xaml file.
In the XAML pane, scroll to the section that has this comment: <!—Center Content-->.
The section contains a <TabControl> element inside a <Grid> element.
Add a new <TabItem> element to the top of the <TabControl> element, as shown in the following example.
<TabItem Header="Bing" Height="Auto"> <Frame Source="https://www.bing.com" /> </TabItem>Save the solution and close it.
Testing the Custom Start Page
To test the custom Start Page
Press F5.
The experimental instance of Visual Studio opens, with the custom Start Page installed but not selected.
In the experimental instance of Visual Studio, on the Tools menu, click Options.
In the Options dialog box, under Environment, select Startup. Then, on the Customize Start Page list, select your .xaml file, and click OK.
On the View menu, click Start Page.
Click the Bing tab.
Perform a web search.
Close the experimental instance.
Applying the Custom Start Page
To test the custom Start Page
On the Tools menu, click Options.
In the Options dialog box, under Environment, select Startup. Then, on the Customize Start Page list, select your .xaml file, and click OK.
Next Steps
The Visual Studio Start Page now contains a tab that displays a Web browser. You can create custom Start Pages that have other functionality by using the code-behind model to add a custom .dll, as shown in Walkthrough: Adding a DLL Reference to the Start Page. You can share custom Start Pages with other users by publishing the resulting .vsix file to the Visual Studio Gallery Web site, or to another Web site or network share. For more information, see Deploying Custom Start Pages.