Skip to content

Basics

eTMFlex is a platform that allows you to perform complex operations through a simple and intuitive graphical interface.
In various sections of the platform, simple but powerful components are used to provide a standard interface for management operations.

In this page, a general overview of those components will be provided.

Table

A table will allow you to display a list of items in a tabular format, they are used in several sections of the platform, in the management of entities, accounts, protocols, organizations and in all pages where lists of elements are displayed.

Tables allow you to filter, sort, paginate and interact with the data displayed via actions such as editing, deleting or viewing details.

Example table
Name
No data available

Sorting

To sort a table, click on the column header. The table will be sorted in ascending order by default, and clicking again will sort it in descending order.

Sorting table
Name
Age
No data available

Filtering

Searching for items in a table is done by entering a value you are looking for in the search bar of specific columns.

Filtering table
Name
Age
No data available

Pagination

Pagination is used to display a large number of items in a table by dividing them into pages. By default there is a limit of 10 items per page. The bottom of the table shows the pagination controls, including the current page number and total number of pages and navigation buttons to move between pages.

Pagination table
Name
Age
No data available
No results

Actions

To perform actions on items in the table there is a set of action buttons provided in the specific columns.

Delete item

To delete an item, click the delete button in the action column:

Edit item

To edit an item, click the edit button in the action column:

Audit trail

In almost all tables, there is an audit trail available for each item. To view the audit trail for an item, click the audit button in the action column:

Actions
Name
Actions
No data available

Form

Forms are used to create or edit items.

Example form

Validators

Usually validators are applied to form fields to ensure the data is valid before saving.