The FusePoint Timeline web part provides a clean and flexible way to display project milestones, historical events, or process steps on SharePoint pages.
It supports vertical and horizontal layouts, auto-scroll to current step, and now includes full color customization for the timeline line and markers (past, current, and future).
Features
Alignment Options β Display the timeline in vertical or horizontal mode.
Full Color Customization β Configure colors for:
Title
Subtitle
Description
Links (or use the primary theme color)
Line Color β Controls the color of the main connecting line.
Marker Color (Past) β Color for completed milestones.
Marker Color (Current) β Highlight color for the active milestone.
Marker Color (Future) β Color for upcoming milestones.
Marker Size β Adjust the radius of the circular markers for visual emphasis.
Timeline Items β Each item includes:
Title (required)
Subtitle (required, e.g., date)
Description (optional)
Link (optional, with βopen in new tabβ toggle)
Is Current Step (yes/no β highlights the current item)
Auto Scroll β Automatically scrolls to the current step on load.
Responsive Layout β Works seamlessly across devices.
How to Use
Adding the Web Part
Edit your SharePoint page.
Insert the FusePoint Timeline web part into the desired section.
Configuring the Timeline
Alignment β Choose between Vertical or Horizontal layout.
Manage Items β Click Manage to add or edit timeline steps:
Title β e.g., βVersion 1.0 Releasedβ.
Subtitle β e.g., βReleased on January 5, 2025β.
Description β Optional details or notes.
Link β Add an optional URL with display text.
Open in new tab β Optional toggle for external links.
Is Current Step β Mark this item as the highlighted milestone.
Auto Scroll β Toggle to enable automatic scroll to the current step.
Colors β Configure:
Title Color
Subtitle Color
Description Color
Link Color (or use primary theme color)
Line Color
Marker Color (Past)
Marker Color (Current)
Marker Color (Future)
Marker Size β Adjust the circle radius to match your layout or design preferences.
User Experience
The timeline displays milestones in the chosen alignment.
The line and markers use configured colors to distinguish past, current, and future events.
Clicking a link opens its associated resource (in a new tab if selected).
Current step is visually highlighted.
Auto Scroll moves the focus to the active milestone for quick access.
Benefits
Complete Customization β Define colors for every visual element of the timeline.
Clear Progress Visualization β Perfect for tracking projects, launches, or company milestones.
Engaging UX β Smooth scrolling and vibrant highlighting enhance clarity.
Responsive Design β Works seamlessly across desktop and mobile SharePoint pages.
Conclusion
The FusePoint Timeline web part delivers a fully customizable, dynamic, and visually appealing way to represent milestones or historical events in SharePoint.
With line and marker color controls, size customization, and auto-scroll to current step, itβs a powerful tool for storytelling, project visualization, and roadmap displays.
Try FusePoint for Free!
No credit card required.
FusePoint
The perfect addition to your SharePoint environments.