<aside>

🧠 Tired of losing track of your tasks or struggling to see which event starts or ends first?

A Gantt chart — often used in project management but useful anywhere you have a start and end date — is a powerful way to visualize task sequences at a glance.

Of course, you’ll find plug-and-play components on the AppExchange, but I found was lacking the flexibility to connect to any Salesforce object.

👉 That’s why we built this: in less than 10 minutes, you’ll have a fully customizable Gantt chart running directly inside any Salesforce page.

⚠ Disclaimer: This component is provided for demo purposes. Always test in a sandbox before using it in production. Deployment and code adjustment is done at your own risk.

👉 Want to build project management or business-ready components in your Salesforce org? Let’s talk: Amplee Salesforce consulting company

🧑‍💻 Website https://www.amplee.tech

📬 clement@amplee.tech

</aside>

📹 Demo & Mock-ups

Video_Gantt_Light.mp4

✅ Before you start: prerequisites

1. Make sure you have one object (custom or standard) composed at least of

   1. A start date field in date format*
   2. An end date field in date format*
   3. Optional but recommended a “status” picklist field reflecting the advancement of the task (planned, ongoing, done, …)

   ** Date fields must be in date not Date/Time format*

2. Access to a Salesforce sandbox (Developer Edition or Scratch Org also works).

3. Open the Developer Console.

4. Create the following files:

   • GenericGanttAura_New.cmp
   • GenericGanttAura_NewController.js
   • GenericGanttAura_NewHelper.js
   • GenericGanttAura_New.css
   • GenericGanttAura_New.design

5. Copy/paste the provided code into each file.

🛠 Step-by-step setup

1. Create the Aura Component

• Open the Developer Console
• Create a new Aura component named GenericGanttAura_New