Card View Tutorial. Step 3: Setting Up The View Look And Feel
- 2 minutes to read
The previous topic finished with the Card View rows creation. The result is demonstrated on the following screenshot:
This topic explains how to use the View and card row options to improve the look of the ExpressQuantumGrid display. A quick overview of the complete set of options is given in the Options topic.
When a specific View is selected within the Structure Navigator or the Component Editor, all corresponding options can be accessed via the Object Inspector.
Let’s customize the look & feel settings of the cvCars View. Select the cvCars View using the Structure Navigator and set the LayoutDirection property value to ldVertical (for the purpose of the following screenshots, we have added the ID field to the View):
Note the order of the records (illustrated by the ID values) and see the result of switching to vertical layout direction:
Expand the OptionsView group within the Object Inspector and set CellAutoHeight to True:
The result is shown below:
As you can see, the Description card row values are too large to be displayed properly. This can be fixed by setting the OptionsView.CellTextMaxLineCount property value. Set it to 2 and the CellEndEllipsis property to True:
The result is shown below:
ExpressQuantumGrid has many options, affecting almost every aspect of the control’s functionality. For more information on the different options, see the TcxGridCardView and TcxGridCardViewRowOptions reference sections.
See the next topic for the base information on the ExpressEditors usage.