Tritium UI

TritiumTimelineView

Place events and date ranges on a horizontal history line, separate from the scheduler and the Gantt.

TritiumTimelineView

Key features

Show instants as points and spans as bars.
Bind your objects with title, details, start, end, and category paths, or use TritiumTimelineEvent.
Stack events by alternating sides, by category lanes, or all above or below the axis.
Pan across time, pinch to zoom, and use the mouse wheel on Windows.
Mark now, and clamp the scale with minimum and maximum zoom.
Show labels and tooltips, and scroll to a time.
Select an item and handle ItemTapped.
Export the timeline to a PNG stream or file.

Platforms

Android, iOS, Mac Catalyst, and Windows 10 version 19041 and later (.NET 10 MAUI). Mouse-wheel zoom is available on Windows.

Main API

ItemsSource . The events to plot.
EventPlacement . Alternating, category lanes, above the axis, or below the axis.
VisibleStart . Left edge of the time window; VisibleEnd is the right edge.
ItemTapped . Fires with the bound item and the timeline event.

Basic example

Declare this namespace on the page.

xmlns:timeline="clr-namespace:Tritium.Maui.Timeline;assembly=Tritium.Maui.Timeline"
<timeline:TritiumTimelineView ItemsSource="{Binding Events}"
                           TitlePath="Title"
                           StartPath="Start"
                           EndPath="End"
                           EventPlacement="Alternating"
                           ShowNowMarker="True" />

Add the package source from your license, then reference the package that includes this control. These packages are not on the public NuGet Gallery.

Ask Tritium

How-to help and product fit for FleetPro, Tritium UI, and Tritium Reporting.

Ask how to use a feature, or tell us your company, platforms, team size, and use case. Pricing and upgrades go to sales.

Search the FAQ