Skip to content

TWebDBResponsiveGrid

Description

This is a DB-aware responsive list control. A responsive list control column connects typically to a DB field and allows to show the content of the DB fields in a list item via a template.

The template configures the HTML to be displayed in a responsive list item. The template is set via TWebDBResponsiveGrid.Options.ItemTemplate.

To include a DB field value in the item, specify in the template the DB field as: (%FIELDNAME%)

Example:

When connecting the FishFact JSON dataset to the responsive list and setting the template in the following way:

TWebDBResponsiveGrid.Options.ItemTemplate :=
<strong>(%_Common_Name%)</strong><br>(%_Species_Name%)<br><IMG
width="96px" src="(%_Graphic%)">;
The result is that from the dataset, the _Common_Name,_Species_Name field are shown and the _Graphic field image URL is used to show the image with a width of 96 pixels: