Display data in Blend

 

The new home for Visual Studio documentation is Visual Studio 2017 Documentation on docs.microsoft.com.

The latest version of this topic can be found at Display data in Blend.

You can view sample data in your designer as you customize the layout of your pages. You can generate sample data from scratch or by using an existing class. You can also connect to Live data that will appear in your app when you run it.

In this topic:

To generate sample data, open a XAML document. In the Data panel, choose the Create sample dataDescription button, and then choose New Sample Data.

Define the structure of your data in the Data panel, and then bind it to UI elements on any page.

Description

If you want your sample data to appear in your pages when you run the app, choose Data source options Description, and then choose Enable When Running Application.

Description

Watch a short video: Configure Installed Features Create sample data from scratch.

Watch a short video: Configure Installed Features Mixing up some data binding with Blend.

If you’ve already created classes that describe the structure of your data, you can generate sample data from them.

To generate sample data from a class, open a XAML document, and then in the Data panel, click the Create sample dataDescription button, and then click Create Sample Data from Class.

Watch a short video: Configure Installed Features Create sample data from a class.

Watch a short video: Configure Installed Features Mixing up some data binding with Blend.

Watch a short video: Configure Installed Features Create an object data source.

Watch a short video: Configure Installed Features Create an XML data source.

See Working with data and files (XAML).

Creating a UI by using Blend for Visual Studio

Show: