The tracking component

Component for visualising activity logs or other monitoring-related data.

Introduced in SQLPage v0.18.0.

Top-level parameters

title

REQUIRED. Title of the tracking component.
TEXT

center

Whether to center the component.
BOOLEAN

class

class attribute added to the container in HTML. It can be used to apply custom styling to this item through css. Added in v0.18.0.
TEXT

description

A short paragraph.
TEXT

description_md

A short paragraph formatted using markdown.
TEXT

id

id attribute added to the container in HTML. It can be used to target this item through css or for scrolling to this item through links (use "#id" in link url).
TEXT

information

A short text displayed below the title.
TEXT

placement

Position of the tooltip (e.g. top, bottom, right, left)
TEXT

width

Width of the component, between 1 and 12.
INTEGER

Row-level parameters

title

REQUIRED. Description of the state.
TEXT

color

Color of the tracked item (e.g. success, warning, danger)
TEXT

Example 1

A basic example of servers tracking component

select 
    'tracking'       as component,
    'Servers status' as title;
select 
    'No data' as title;
select 
    'No data' as title;
select 
    'No data' as title;
select 
    'No data' as title;
select 
    'No data' as title;
select 
    'No data' as title;
select 
    'No data' as title;
select 
    'No data' as title;

Result

Servers status

Example 2

An example of servers tracking component

select 
    'tracking'        as component,
    'Servers status'  as title,
    '60% are running' as information,
    'Status of all **currently running servers**' as description_md,
    'top'             as placement,
    4                 as width;
select 
    'success'     as color,
    'operational' as title;
select 
    'success'     as color,
    'operational' as title;
select 
    'success'     as color,
    'operational' as title;
select 
    'danger'   as color,
    'Downtime' as title;
select 
    'No data' as title;
select 
    'success'     as color,
    'operational' as title;
select 
    'warning'  as color,
    'Big load' as title;
select 
    'success'     as color,
    'operational' as title;

Result

Servers status
60% are running

Status of all currently running servers

See also: other components

alert authentication big_number breadcrumb button card carousel chart code columns cookie csv datagrid debug divider dynamic foldable form hero html http_header json list map redirect rss shell status_code steps tab table text timeline title tracking