Overview

Timeline is a Classic Report template that is useful for displaying a series of events. It can be used to showcase the history of a given widget, recent updates, or new interactions within an application.

Set Timeline as the Report Template.

Example: Default

  • SH
    SHAKEEB 2.1 years ago
    On-Hold

    Arrange for vacation coverage

    2.1 years ago

  • SH
    SHAKEEB 2.1 years ago
    Closed

    HR Support Systems

    2.1 years ago

  • SH
    SHAKEEB 2.1 years ago
    Open

    Investigate new Virus Protection software

    2.1 years ago

  • SH
    SHAKEEB 2.1 years ago
    On-Hold

    HR software upgrades

    2.1 years ago

  • SH
    SHAKEEB 2.1 years ago
    Pending

    Train developers / users

    2.1 years ago

  • SH
    SHAKEEB 2.1 years ago
    Open

    Implement in Production

    2.1 years ago

Report Template Options

  • Use DefaultYes

Example: Compact

  • SH
    SHAKEEB 2.1 years ago
    On-Hold

    Arrange for vacation coverage

    2.1 years ago

  • SH
    SHAKEEB 2.1 years ago
    Closed

    HR Support Systems

    2.1 years ago

  • SH
    SHAKEEB 2.1 years ago
    Open

    Investigate new Virus Protection software

    2.1 years ago

  • SH
    SHAKEEB 2.1 years ago
    On-Hold

    HR software upgrades

    2.1 years ago

  • SH
    SHAKEEB 2.1 years ago
    Pending

    Train developers / users

    2.1 years ago

  • SH
    SHAKEEB 2.1 years ago
    Open

    Implement in Production

    2.1 years ago

Report Template Options

  • Use DefaultYes
  • StyleCompact

Substution Strings

#EVENT_MODIFIERS#
CSS Class-based modifiers for an event item
#EVENT_ATTRIBUTES#
Custom attributes for an event item
#USER_COLOR#
Color applied to a user initials using u-ColorBG-XX classes or custom classes
#USER_AVATAR#
User initials or image
#USER_NAME#
User name
#EVENT_DATE#
Date of event displayed below user name
#EVENT_STATUS#
Type of event. Substitute with "is-new", "is-updated" or "is-removed" for default styling.
#EVENT_ICON#
Icon of event type.
#EVENT_TITLE#
Name of event
#EVENT_DESC#
Description of event displayed below event name

Sample Query

select substr(username,0,2) user_avatar, 'u-color-'||ora_hash(username,44)||'-txt' user_color user_name, event_date, event_type, event_title, event_desc, case status when 'open' then 'fa fa-clock-o' when 'closed' then 'fa fa-check-circle-o' when 'on-hold' then 'fa fa-exclamation-circle' when 'pending' then 'fa fa-exclamation-triangle' end event_icon, case status when 'open' then 'is-new' when 'closed' then 'is-removed' when 'on-hold' then 'is-updated' when 'pending' then 'is-updated' end event_status from events

Template Options

  • Style

    Determines the overall style for the component.

    • Default
    • Compact
      Displays a compact version of timeline with smaller text and fewer columns.