Member Junction
    Preparing search index...

    Interface TimelineDisplayField

    Configuration for displaying a field within a timeline card. Used for both summary fields (always visible) and expanded fields (visible when expanded).

    const field: TimelineDisplayField = {
      fieldName: 'AssignedTo',
      label: 'Assignee',
      icon: 'fa-solid fa-user',
      formatter: (value) => value?.toString().toUpperCase() ?? 'Unassigned'
    };
    interface TimelineDisplayField {
        cssClass?: string;
        fieldName: string;
        format?: string;
        formatter?: (value: unknown) => string;
        hideLabel?: boolean;
        icon?: string;
        label?: string;
    }
    Index

    Properties

    cssClass? fieldName format? formatter? hideLabel? icon? label?

    Properties

    cssClass?: string

    Additional CSS class(es) to apply to this field's container.

    fieldName: string

    The field name to extract from the record. For BaseEntity objects, this is passed to .Get(). For plain objects, this is used as a property key.

    format?: string

    Format string for dates/numbers. For dates, uses Angular DatePipe format strings. For numbers, uses Angular DecimalPipe format strings.

    formatter?: (value: unknown) => string

    Custom formatter function for complex value transformations. Takes precedence over the format property.

    Type Declaration

      • (value: unknown): string

      • Parameters

        • value: unknown

          The raw field value

        Returns string

        Formatted string to display

    hideLabel?: boolean

    If true, only shows the value without the label.

    false
    icon?: string

    Font Awesome icon class to display before the label.

    'fa-solid fa-user'
    label?: string

    Display label shown before the value. If not provided, defaults to the fieldName.

    Settings

    Member Visibility

    On This Page

    Properties