web
You’re offline. This is a read only version of the page.
close
Skip to main content
News and Announcements icon
Community site session details

Community site session details

Session Id :
Dynamics 365 Community / Forums / Customer experience | Sales, Customer Insights,... / D365 Timeline Change F...
Customer experience | Sales, Customer Insights,...
Answered

D365 Timeline Change Font and Size for Labels

(4) ShareShare
ReportReport
Posted on by Barış Kuzu 227
Hello,

Is it possible to somehow customize below labels in a case timeline? I'd like to change the font reduce size etc... I'm open to development options.

Thanks.

Categories:
Microsoft Dynamics CRM
I have the same question (0)
  • Barış Kuzu Profile Picture
    Barış Kuzu 227 on at
    D365 Timeline Change Font and Size for Labels
    @Saif Ali Sabri

    Thank you for your response. I'd really appreciate some starter code to begin development. 
  • Verified answer
    Saif Ali Sabri Profile Picture
    Saif Ali Sabri 2,346 Super User 2025 Season 2 on at
    D365 Timeline Change Font and Size for Labels
    It's possible to customize labels like "Created on", "Subject", and "Created By" in the Dynamics 365 Case Timeline using a custom control approach, but not via simple configuration. Here's a clear solution with development direction:

    ✅ Solution: Customize Timeline Labels via PCF Control or DOM Styling

    🔧 Option 1: Create a Custom PCF Control for the Timeline

    The most robust and supported way to customize UI elements like fonts and sizes is via a PowerApps Component Framework (PCF) control.
    Steps:
    1. Build a PCF control that mimics the Timeline behavior but allows:
      • Custom font styling
      • Label renaming
      • CSS-based layout adjustments
    2. Use React or TypeScript to structure the control.
    3. Implement logic to render activities (e.g., notes, emails) using the Timeline API or by querying related data.
    4. Add CSS classes for font-size, color, and weight customization:
    css 
    .label {
      font-size: 12px;
      font-weight: normal;
      color: #666;
    }
    1. Register the control on the Case form replacing the native Timeline.
    🔎 Reference: Microsoft PCF Docs

    ⚠️ Option 2: Unsupported DOM Manipulation (not recommended for production)

    You could inject JavaScript and manipulate the DOM directly using form scripts, but this is unsupported and may break with updates.
    Example:
    javascript 
    formContext.getControl("TimelineControl").getObject().then(function (element) {
        const labels = element.querySelectorAll(".your-label-class");
        labels.forEach(label => {
            label.style.fontSize = "12px";
            label.style.fontWeight = "normal";
        });
    });
    🚫 Not recommended unless you're prototyping or aware of DOM update risks.

    🔁 Summary

    Method Custom Fonts/Sizes Supported Recommended
    PCF Control ✅ Yes ✅ Yes ✅ Yes
    DOM Manipulation ✅ Limited ❌ No ❌ No
    Would you like a basic PCF project scaffold or some starter code to begin development?
     
  • Barış Kuzu Profile Picture
    Barış Kuzu 227 on at
    D365 Timeline Change Font and Size for Labels
    @DynamicsPro

    I could find only a tool named Timeline Configuration Replicator. ChatGPT says there is no other tool.
  • Eugen Podkorytov Profile Picture
    Eugen Podkorytov 157 on at
    D365 Timeline Change Font and Size for Labels
    You might want to check out the XRMToolbox. There is a tool that can change the style the timeline component. I can't remember the name of the tool tho.

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

News and Announcements

Dynamics 365 Community Calls Return
Join experts in person to explore low code and AI agents at the Power Platform Community Conference sponsored by Microsoft
Responsible AI policies for the Community

Quick Links

Responsible AI policies

As AI tools become more common, we’re introducing a Responsible AI Use…

Andrés Arias – Community Spotlight

We are honored to recognize Andrés Arias as our Community Spotlight honoree for…

Congratulations to the August Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Customer experience | Sales, Customer Insights, CRM

#1
Daniyal Khaleel Profile Picture

Daniyal Khaleel 141

#2
DAnny3211 Profile Picture

DAnny3211 134

#3
Abhilash Warrier Profile Picture

Abhilash Warrier 70 Super User 2025 Season 2

Last 30 days Overall leaderboard

Featured topics

Hide selecting Contact for potential customer when creating quote

Product updates

Dynamics 365 release plans