Card Report

5 minutes to read

A Card Report displays the records in a card grid of multiple rows and columns. Card Reports work best for showing small snippets of data in a flexible card format. For instance, as a sales manager, you can view all your sales prospects.

Steps to create Card Reports

Select the fields you want to include in the report:
1. In the upper panel, click the Add elements button.
2. Select Reports → Card.
3. In the Data source panel, select a table or view that will be the primary data source for your DataPart.
4. From the Available fields panel, select the fields you want to use in your app. To do that, click the field or drag and drop it into the Selected fields section. You can bulk-add all the fields by clicking the Select all button.
5. Click Next.
Configure the report fields:
1. Optional: If you want to add customizable HTML content for descriptive text, links, or graphics to the AppPage, in the Elements panel, click Add > HTML block and edit the code.
  You can format the content in the visual editor or enter your custom code. HTML block supports data source parameters, authenticated user fields, system parameters, and app parameters.
2. In the Elements panel, select a field that should be displayed in a report. You can also rearrange the order of fields using drag and drop.
3. Provide a label for a field column.
4. Select Create.

After creating a Card Report, you can modify it by applying additional configurations. Learn more.

Note: You can restrict the visibility of specific records in a report by managing role permissions. Learn more.

Configuring additional options for a Card Report

After creating a Card Report, in the right panel, you can configure additional options of a DataPart. The following configurations are available:

DataPart configuration

DataPart configuration

Select DataPart configuration to edit the data source and its fields. This option may be helpful when you want to add or remove fields from a data source or change a data source to a different table or view.

Data filters

Select Data filters to set up criteria for DataPart filtering. Learn more.

Interactive controls

In this section, you can enable additional actions for app users with adequate permissions to interact with the data. Depending on the place on your report where you want the controls to appear, configure Toolbar controls and Record controls. For each of these types, the following options are available:

Delete:
- As a toolbar control, it removes selected records from the database.
- As a record control, it removes a specific record from the database.
  For both control types, you can choose to display a confirmation message in a dialog window or allow users to delete records without any confirmation.
Add allows you to add a custom action:
- Go to AppPage redirects to a specific page in your app.For example, you can redirect the user to a custom destination details page or update form of the selected record with appropriate filtering. Parameters are automatically passed between the report and destination page, and they are available in the filtering section of the destination page.
- Go to URL redirects to a custom URL. For example, you can use this option to build navigation between AppPages deployed on your own website.

Display

Use the Display section to configure the number of records: in total and per page, as well as manage additional controls.

Pagination

Enable the Maximum total records toggle to limit the number of displayed records to the value you set in the input field.

The Records per page option allows you to specify the number of records displayed on each page. You can display between 1 and 1000 records per page. You can also give the app users control over this by enabling the Allow user to select records per page toggle.

Under Additional controls, you can decide whether to display the total number of records on the page.

Cards layout

Under Cards layout, you can set the number of columns displayed in the report. You have the option choose Auto (default) to make the cards size automatically adjust to the available DataPart space, or select a specific number of columns.

You can also set the minimum card width. The allowed range is 80-9999 px.

Sorting options

If you want to sort data by default, in the Default sorting section, select one of the options:

To sort the report based on field values, select By field, and then add and arrange the sorting fields.
To sort the report in an arbitrary manner, select Random.

To display a dropdown with a list of fields available for sorting, turn on the Sort via dropdown toggle.
By default, the dropdown lists all the fields included in the report and the Default sorting option. You can customize the dropdown list by adding, removing, and rearranging the options. Also, you can click a field to edit its label in the dropdown.