The following is a step-by-step tutorial that will show you how to display a list of all smartphones (CMS.Smartphone documents) from the sample Corporate Site using the QueryDataList control:

 

1. Create a new Web form somewhere in your website installation directory.

 

2. Switch to its Design tab, drag and drop a QueryDataList control from the toolbox onto the form and set its following properties:

 

•QueryName: cms.smartphone.selectdocuments

•RepeatColumns: 3

•TransformationName: ecommerce.transformations.Product_SimplePreview

 

This assigns the query that should be used to retrieve smartphone documents, determines the amount of displayed columns and assigns the transformation that should be used.

 

3. Switch to the Source tab. The code of the QueryDataList control should look like this:

 

 

It's not necessary to define the standard ItemTemplate elements of the DataList control since the transformation names have already been specified.

 

4. Save the changes to the web form. Now right-click it in the Solution explorer and select View in Browser. The resulting page should display a list like this: