Show theme settings Shopping cart Download trialFree Trial
Change Theme Settings
Change Theme Settings
Show All Themes


Fish Catalog
Species No: 90250 Length: 15
Common Name: Bluehead Wrasse
Species Name: Thalassoma bifasciatum
Show notes...
Species No: 90098 Length: 19
Common Name: Ornate Butterflyfish
Species Name: Chaetodon Ornatissimus
Show notes...
Species No: 90310 Length: 25
Common Name: Surf Smelt
Species Name: Hypomesus pretiosus
Show notes...
Species No: 90200 Length: 28
Common Name: Redband Parrotfish
Species Name: Sparisoma Aurofrenatum
Show notes...
Species No: 90070 Length: 30
Common Name: Blue Angelfish
Species Name: Pomacanthus nauarchus
Show notes...
Page 1 of 5 (21 items)Prev12345Next

The DevExpress ASP.NET Tree List (ASPxTreeList) provides a set of templates that allow you to create custom layouts for its visual elements (column headers, data and footer cells, etc.).

This demo shows how to use data cell templates to create a card view layout within nodes.

The Eval function is used to define one-way (read-only) binding. The Eval method takes the name of a data field, and returns an object containing the value of that field from the current record in the data source.

You can also use Template Containers to obtain cell values, display text, etc.

Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).
Open CS Solution
Open VB Solution
The source code files for this demo are installed (by default) in the following directories:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\ASPxTreeListDemos
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\VB\ASPxTreeListDemos