πŸš€ Be among the first 100 to subscribe and secure your FusePoint subscription at an exclusive $99/month 🌟

Back

FusePoint Timeline Documentation

Type: webpart

FusePoint Timeline

Overview

The FusePoint Timeline web part provides a clean way to display project milestones, historical events, or process steps on SharePoint pages. It supports vertical and horizontal layouts, customizable colors, and highlights the current step. Ideal for roadmaps, onboarding flows, or historical overviews.


Features

  • Alignment Options – Display the timeline in vertical or horizontal mode.
  • Custom Colors – Configure colors for:
    • Title
    • Subtitle
    • Description
    • Links (or use the primary theme color)*
  • Timeline Items – Each item includes:
    • Title (required)
    • Subtitle (required, e.g., date)
    • Description (optional details)
    • Link (optional, with β€œopen in new tab” toggle)
    • Is Current Step (yes/no – highlights current item)
  • Auto Scroll – When enabled, the timeline scrolls directly to the current step.
  • Responsive Layout – Works across devices with smooth scrolling.

How to Use

Adding the Web Part

  1. Edit your SharePoint page.
  2. Insert the FusePoint Timeline web part into the section.

Configuring the Timeline

  1. Alignment – Choose Vertical or Horizontal.
  2. Manage Items – Click Manage to add timeline steps.
    • Enter a Title (e.g., "Version 1.0 Released").
    • Add a Subtitle (e.g., "Released on January 5, 2025").
    • Write a Description (optional details).
    • Add a Link (display text + URL).
    • Check Open link in new tab if desired.
    • Mark Is Current Step to highlight the current milestone.
  3. Auto Scroll – Toggle to scroll directly to the current step.
  4. Colors – Configure title, subtitle, description, and link colors.
    • Optionally check Use primary theme color.

Property Pane Settings

  • Alignment – Vertical / Horizontal
  • Items – Add, edit, or remove timeline items
  • Auto Scroll to Current Step – Yes/No
  • Use Primary Theme Color – Yes/No
  • Title Color – Custom color picker
  • Subtitle Color – Custom color picker
  • Description Color – Custom color picker
  • Link Color – Custom color picker
  • Visibility – Toggle display on mobile and email views

User Experience

  • Timeline renders in chosen alignment with items styled by configured colors.
  • Clicking a link opens the associated resource (optionally in a new tab).
  • Current step is visually highlighted.
  • If Auto Scroll is enabled, the timeline focuses on the current step.

Benefits

  • Clear Milestones – Perfect for tracking projects or showing historical context.
  • Flexible Layouts – Choose vertical or horizontal display.
  • Engaging UX – Highlight current steps and auto-scroll for relevance.
  • Custom Branding – Adapt colors to match your site’s theme.

Conclusion

The FusePoint Timeline web part provides a flexible and engaging way to present sequences of events or milestones in SharePoint. With alignment, color options, auto-scroll, and per-step configuration, it’s a versatile tool for roadmaps, releases, and storytelling.


FusePoint Timeline Example
FusePoint Timeline Items

Try FusePoint for Free!

No credit card required.

FusePoint

The perfect addition to your SharePoint environments.

$399

$0

USD for 30 Days
then $399/mo

  • 20+ new SPFx webparts
  • 6 SPFx extensions
  • Support
  • Documentation
Try FusePoint

Get your team started now.

Pricing