cs4webcontrol25

Overview

TimeLine25 is a reusable UI component used to render a vertical timeline view with cards, icons, status indicators, and color-coded events.

It is ideal for representing shipment timelines, activity logs, order progress, approval flows, and status history.

Key Features

Vertical timeline layout
Multiple rows per timeline card
Status dot with color coding
Blinking active status support
FontAwesome icon support
Badge-style background indicators
Graceful empty-state handling

Core Classes & Enums

BackgroundColor Enum

Value	Description
None	No background color
Green	Success / Completed
Red	Error / Cancelled
Yellow	Warning / Pending
Blue	Information / In Progress
Grey	Inactive / Neutral

Row Class

Property	Type	Description
Name	string	Text displayed in timeline
Color	string	Custom text color
Icon	string	FontAwesome icon class
IconColor	string	Icon color
IsBold	bool	Bold text
IsBlink	bool	Blinking status indicator
BackgroundColor	enum	Status badge color
ButtonHtml	string	Custom action button HTML

Adding Timeline Rows


var timeline = new TimeLine25();

timeline.AddRow(new List
{
    new TimeLine25.Row
    {
        Name = "Order Created",
        Icon = "fas fa-plus-circle",
        IsBold = true,
        BackgroundColor = TimeLine25.BackgroundColor.Blue
    }
});

Integration Example


@Html.Raw(timeline.GetHtml())

CS4 webControl25

TimeLine25