Explore our datatable, field card and charts.
Customize your application with the versatile rowrenderer. Manual export options.


This is the UI aspect of data: how to present data to the user. The datatable is a popular option. Its loaded with features that you can toggle on/off.
Worth to mention: make selections by clicking checkboxes and retrieve an array with the guids for the checked records with UI datatable selection. Functions that are connected with the edit/detail pins will automatically have the guid from the current row as a pin to retrieve the document. Set datatable filters that show up as buttons to help users with common searches and selections.


The Row render pin in the datatable, field and form cards, allows you to add a function that formats data in a special way. This way you can make very sophisticated tables.
In the rowrenderer you can set UI formats, like a date format. You can retrieve related documents and show fields from another storage in your data row. You can make custom buttons, for example to download files. Or you can add styling or classes to a row or field based on conditions. The best way to get a grip on row render functions is to look at some examples.

Field card

Where the datatable shows a number of records in a list, a field card shows only one record at a time. To zoom in on a record of a datatable you can use a field card. An optional header or footer are included in the layout.

The only required pins are Fields and Document (the data source). The other pins can be used if you want to change the layout. Row render and Edit button work similar to the datatable.


Rual uses ApexCharts for showing graphs in your application. Every chart type has its own block, with several pins for options like theme, colors, label settings. If you want to use these settings you can refer to the ApexCharts site to see what options are available.

In the demo cluster you can find a blueprint Demo - Graphs that shows a few examples. If you don't have access to the demo environment yet, please contact us.


Rual does not have standard dashboards. It is very easy to create one yourself. Just make a new page and set a grid with rows and columns. Use field cards or basic cards with tables, datatables or charts to show the data in a way that fits your application best.

Manual export

The datatable has a pin that adds an export button. The export option comes with its own rowrender function.
Another method to export data manually is to use buttons in a datable row or a field card that allow the user to download PDF that was saved in the document.

next course: Data Import

part of the Basic Rual Developer courses