---
title: "Setting Up the Details View"
canonical: https://www.graphicsmill.com/docs/gm5/SettingUpTheDetailsView.htm
product: "Graphics Mill 5.5 for .NET"
---

This documentation is for the old version. [Go to the latest Graphics Mill docs](https://www.graphicsmill.com/docs/gm/)

# Setting Up the Details View
 
The [ThumbnailListView](https://www.graphicsmill.com/docs/gm5/T_Aurigma_GraphicsMill_WinControls_ThumbnailListView.htm.md) control can display items not only as thumbnails. It supports four view modes which can be specified using the [VirtualListView.View](https://www.graphicsmill.com/docs/gm5/P_Aurigma_GraphicsMill_WinControls_VirtualListView_View.htm.md) property: thumbnails, icons, simple list, and detailed list.
 
In the first three modes only graphical representation of items is used, plus a title is shown. The fourth mode allows displaying more information. Items in the detailed view are displayed as rows of a table. Columns can contain any textual information associated with the items. Small icons are displayed in the first column. For example, if you display files, for each item you may want to display file name, size, and creation date.
 
![Detailed list view mode](https://www.graphicsmill.com/docs/gm5/ThumbnailListView_QuickStart_DetailsView.png) 
 **Fig. 1. Detailed list view mode**
 
Each kind of textual information (for example, file name or size) is identified with an integer number called *TextInfoId*. These IDs are used to associate a column with data that should be displayed. For the standard list item implementation (the [ThumbnailListItem](https://www.graphicsmill.com/docs/gm5/T_Aurigma_GraphicsMill_WinControls_ThumbnailListItem.htm.md) class) the following values are supported:
 
|  Name |  Value |  Description |
| --- | --- | --- |
 |  TextInfoIdDisplayName |  0 |  File name (which is displayed as a caption for items in other view modes) |
 |  TextInfoIdFileSize |  1 |  File size |
 |  TextInfoIdFileType |  2 |  File type |
 |  TextInfoIdCreationDate |  3 |  File creation date |
 |  TextInfoIdPath |  4 |  Full path to a file |
 
If you implement [custom list items](https://www.graphicsmill.com/docs/gm5/CreatingCustomListItem.htm.md), you can use any other values to display necessary details in the table.
 
Before you start using this view mode, you should configure the columns. You can do it both in design time and run-time.
 
## Configure Columns in Design Time
  
To configure columns in design time, follow these steps:
 
1. Right-click the ThumbnailListView control on the form.
2. Click the Properties menu item.
3. Choose the Columns property and click the button with ellipsis.
4. When a dialog appears, click the Add button.
5. Edit column properties in the grid (the right panel):
 ![Configuring columns in design time](https://www.graphicsmill.com/docs/gm5/ThumbnailListView_QuickStart_ColumnsDesignTime.png) 
 **Fig. 2. Configuring columns in design time**
6. Click OK.
 
## Configure Columns in Run-Time
  
If you need to manipulate columns in run-time (for example, if you want tp let the user show and hide columns), you can do it using the [ThumbnailListView.Columns](https://www.graphicsmill.com/docs/gm5/P_Aurigma_GraphicsMill_WinControls_ThumbnailListView_Columns.htm.md) property. It is a collection of [ListColumn](https://www.graphicsmill.com/docs/gm5/T_Aurigma_GraphicsMill_WinControls_ListColumn.htm.md) objects that can be added or removed from this collection.
 
For example, the following code snippet adds the same columns as displayed on the screenshot above.
 
```
' File name column.
thumbnailListView1.Columns.Add( _
 New Aurigma.GraphicsMill.WinControls.ListColumn( _
  Aurigma.GraphicsMill.WinControls.ThumbnailListItem.TextInfoIdDisplayName, _
  "Name", 140, System.Windows.Forms.HorizontalAlignment.Left))

' File size column.
thumbnailListView1.Columns.Add( _
 New Aurigma.GraphicsMill.WinControls.ListColumn( _
  Aurigma.GraphicsMill.WinControls.ThumbnailListItem.TextInfoIdFileSize, _
  "Size", 60, System.Windows.Forms.HorizontalAlignment.Left))

' File creation date column.
thumbnailListView1.Columns.Add( _
 New Aurigma.GraphicsMill.WinControls.ListColumn( _
  Aurigma.GraphicsMill.WinControls.ThumbnailListItem.TextInfoIdCreationDate, _
  "Date Created", 80, System.Windows.Forms.HorizontalAlignment.Left))
```
 
```csharp
// File name column.
thumbnailListView1.Columns.Add(
    new Aurigma.GraphicsMill.WinControls.ListColumn(
        Aurigma.GraphicsMill.WinControls.ThumbnailListItem.TextInfoIdDisplayName,
        "Name", 140, System.Windows.Forms.HorizontalAlignment.Left));

// File size column.
thumbnailListView1.Columns.Add(
    new Aurigma.GraphicsMill.WinControls.ListColumn(
        Aurigma.GraphicsMill.WinControls.ThumbnailListItem.TextInfoIdFileSize,
        "Size", 60, System.Windows.Forms.HorizontalAlignment.Left));

// File creation date column.
thumbnailListView1.Columns.Add(
    new Aurigma.GraphicsMill.WinControls.ListColumn(
        Aurigma.GraphicsMill.WinControls.ThumbnailListItem.TextInfoIdCreationDate,
        "Date Created", 80, System.Windows.Forms.HorizontalAlignment.Left));
```
 
## See Also
  
### Reference
 
- [ThumbnailListView Class](https://www.graphicsmill.com/docs/gm5/T_Aurigma_GraphicsMill_WinControls_ThumbnailListView.htm.md)
- [VirtualListView.View Property](https://www.graphicsmill.com/docs/gm5/P_Aurigma_GraphicsMill_WinControls_VirtualListView_View.htm.md)
- [TextInfoIdDisplayName](https://www.graphicsmill.com/docs/gm5/T_Aurigma_GraphicsMill_WinControls_ThumbnailListItem.htm.md)
- [TextInfoIdFileSize](https://www.graphicsmill.com/docs/gm5/T_Aurigma_GraphicsMill_WinControls_ThumbnailListItem.htm.md)
- [TextInfoIdFileType](https://www.graphicsmill.com/docs/gm5/T_Aurigma_GraphicsMill_WinControls_ThumbnailListItem.htm.md)
- [TextInfoIdCreationDate](https://www.graphicsmill.com/docs/gm5/T_Aurigma_GraphicsMill_WinControls_ThumbnailListItem.htm.md)
- [TextInfoIdPath](https://www.graphicsmill.com/docs/gm5/T_Aurigma_GraphicsMill_WinControls_ThumbnailListItem.htm.md)
- [ThumbnailListView.Columns Property](https://www.graphicsmill.com/docs/gm5/P_Aurigma_GraphicsMill_WinControls_ThumbnailListView_Columns.htm.md)
- [ListColumn Class](https://www.graphicsmill.com/docs/gm5/T_Aurigma_GraphicsMill_WinControls_ListColumn.htm.md)