# Setting up Preview Rows

Learn how you can display a preview row to provide more information about a record using Spread for ASP.NET.

## Content

You can display a preview row to provide more information about a record. The preview row is displayed below the row it provides information for. You can specify colors and other formatting for the preview row as well. The gray rows in the following picture are preview rows.
![Preview Row](https://cdn.mescius.io/document-site-files/images/346c9178-0ed8-4fb9-908b-1565b22fb408/artwork/previewrow.png)
Use the **Edit Template** verb at design time to create a preview template.
Set the [PreviewRowVisible](/spreadnet/api/latest/online-asp/FarPoint.Web.Spread/FarPoint.Web.Spread.SheetView.PreviewRowVisible.html) property to true in order to see the preview row. Use the [PreviewRowColumnIndex](/spreadnet/api/latest/online-asp/FarPoint.Web.Spread/FarPoint.Web.Spread.SheetView.PreviewRowColumnIndex.html) property to specify which column’s text you wish to see in the preview row. You can use the [PreviewRowStyle](/spreadnet/api/latest/online-asp/FarPoint.Web.Spread/FarPoint.Web.Spread.SheetView.PreviewRowStyle.html) property to provide additional formatting using a style element. Or you can set various properties for the [PreviewRowStyle](/spreadnet/api/latest/online-asp/FarPoint.Web.Spread/FarPoint.Web.Spread.SheetView.PreviewRowStyle.html) such as BackColor, Border, Font, and so on.
The API members involved in this feature include:

* [PreviewRowInfo](/spreadnet/api/latest/online-asp/FarPoint.Web.Spread/FarPoint.Web.Spread.PreviewRowInfo.html) class
* [PreviewRowTemplateContainer](/spreadnet/api/latest/online-asp/FarPoint.Web.Spread/FarPoint.Web.Spread.PreviewRowTemplateContainer.html) class
* SheetView.[PreviewRowColumnIndex](/spreadnet/api/latest/online-asp/FarPoint.Web.Spread/FarPoint.Web.Spread.SheetView.PreviewRowColumnIndex.html) property
* SheetView.[PreviewRowStyle](/spreadnet/api/latest/online-asp/FarPoint.Web.Spread/FarPoint.Web.Spread.SheetView.PreviewRowStyle.html) property
* SheetView.[PreviewRowTemplate](/spreadnet/api/latest/online-asp/FarPoint.Web.Spread/FarPoint.Web.Spread.SheetView.PreviewRowTemplate.html) property
* SheetView.[PreviewRowVisible](/spreadnet/api/latest/online-asp/FarPoint.Web.Spread/FarPoint.Web.Spread.SheetView.PreviewRowVisible.html) property

## Using Design Settings

1. Click on **Edit Templates** from the Spread smart tag.
2. Select **Preview Row Template** from the drop-down.
3. Drag the a control from the Visual Studio toolbox to the edit template area or use a default template.
4. Set colors or other properties.
5. Select **End Template Editing** when you are done editing the template.