I am trying to add a roadmap component in one of our dashboard. Everything is working, roadmap milestones are also visible, Just the roadmap item milestones are not visible:
Roadmap items:
[
{
"id": {
"value": "04a4472d2f94431023c11e3fafa4e385",
"displayValue": "04a4472d2f94431023c11e3fafa4e385"
},
"avatar": {},
"planned_end_date": {
"displayValue": "2026-09-30 08:00:00",
"value": "2026-09-30 08:00:00"
},
"planned_start_date": {
"displayValue": "2026-07-01 08:00:00",
"value": "2026-07-01 08:00:00"
},
"priority": {
"displayValue": "",
"value": ""
},
"feature_name": {
"displayValue": "Agentic AI Integration",
"value": "Agentic AI Integration"
},
"short_description": {
"displayValue": "Agentic AI Integration",
"value": "Agentic AI Integration"
},
"state": {
"displayValue": "Draft",
"value": "Draft"
},
"initiative": {
"displayValue": "Increase AI integration",
"value": "Increase AI integration"
},
"Details": [
{
"label": "Number",
"value": {
"type": "string",
"value": "FTR10009"
}
},
{
"label": "Name",
"value": {
"type": "string",
"value": "Agentic AI Integration"
}
},
{
"label": "State",
"value": {
"type": "string",
"value": "Draft"
}
},
{
"label": "Target Release",
"value": {
"type": "string",
"value": "Recruiting 2026 Q2"
}
}
]
},
{
"id": {
"value": "0b3d86c52fbaba1023c11e3fafa4e3bb",
"displayValue": "0b3d86c52fbaba1023c11e3fafa4e3bb"
},
"avatar": {},
"planned_end_date": {
"displayValue": "2026-06-30 08:00:00",
"value": "2026-06-30 08:00:00"
},
"planned_start_date": {
"displayValue": "2026-04-01 08:00:00",
"value": "2026-04-01 08:00:00"
},
"priority": {
"displayValue": "50",
"value": "50"
},
"feature_name": {
"displayValue": "Initial recruiting tracking",
"value": "Initial recruiting tracking"
},
"short_description": {
"displayValue": "Initial recruiting tracking",
"value": "Initial recruiting tracking"
},
"state": {
"displayValue": "Work in progress",
"value": "Work in progress"
},
"initiative": {
"displayValue": "Launch recruiting product in 2026 Q1",
"value": "Launch recruiting product in 2026 Q1"
},
"Details": [
{
"label": "Number",
"value": {
"type": "string",
"value": "FTR10003"
}
},
{
"label": "Name",
"value": {
"type": "string",
"value": "Initial recruiting tracking"
}
},
{
"label": "State",
"value": {
"type": "string",
"value": "Work in progress"
}
},
{
"label": "Target Release",
"value": {
"type": "string",
"value": "Recruiting 2026 Q2"
}
}
]
},
{
"id": {
"value": "26b95bcd2f18435023c11e3fafa4e3bb",
"displayValue": "26b95bcd2f18435023c11e3fafa4e3bb"
},
"avatar": {},
"planned_end_date": {
"displayValue": "2026-03-31 08:00:00",
"value": "2026-03-31 08:00:00"
},
"planned_start_date": {
"displayValue": "2026-01-01 08:00:00",
"value": "2026-01-01 08:00:00"
},
"priority": {
"displayValue": "",
"value": ""
},
"feature_name": {
"displayValue": "Bulk Data Upload",
"value": "Bulk Data Upload"
},
"short_description": {
"displayValue": "Bulk Data Upload",
"value": "Bulk Data Upload"
},
"state": {
"displayValue": "Complete",
"value": "Complete"
},
"initiative": {
"displayValue": "Improve demo data",
"value": "Improve demo data"
},
"Details": [
{
"label": "Number",
"value": {
"type": "string",
"value": "FTR10008"
}
},
{
"label": "Name",
"value": {
"type": "string",
"value": "Bulk Data Upload"
}
},
{
"label": "State",
"value": {
"type": "string",
"value": "Complete"
}
},
{
"label": "Target Release",
"value": {
"type": "string",
"value": "Recruiting 2026 Q1"
}
}
]
},
{
"id": {
"value": "c21e42c12fbaba1023c11e3fafa4e3c3",
"displayValue": "c21e42c12fbaba1023c11e3fafa4e3c3"
},
"avatar": {},
"planned_end_date": {
"displayValue": "2026-03-31 08:00:00",
"value": "2026-03-31 08:00:00"
},
"planned_start_date": {
"displayValue": "2026-01-01 08:00:00",
"value": "2026-01-01 08:00:00"
},
"priority": {
"displayValue": "",
"value": ""
},
"feature_name": {
"displayValue": "Create Hiring Portal for job requisitions",
"value": "Create Hiring Portal for job requisitions"
},
"short_description": {
"displayValue": "Create Hiring Portal for job requisitions",
"value": "Create Hiring Portal for job requisitions"
},
"state": {
"displayValue": "Complete",
"value": "Complete"
},
"initiative": {
"displayValue": "Use new UX components to delight users",
"value": "Use new UX components to delight users"
},
"Details": [
{
"label": "Number",
"value": {
"type": "string",
"value": "FTR10005"
}
},
{
"label": "Name",
"value": {
"type": "string",
"value": "Create Hiring Portal for job requisitions"
}
},
{
"label": "State",
"value": {
"type": "string",
"value": "Complete"
}
},
{
"label": "Target Release",
"value": {
"type": "string",
"value": "Recruiting 2026 Q1"
}
}
]
},
{
"id": {
"value": "d39917cd2f18435023c11e3fafa4e356",
"displayValue": "d39917cd2f18435023c11e3fafa4e356"
},
"avatar": {},
"planned_end_date": {
"displayValue": "2025-12-31 08:00:00",
"value": "2025-12-31 08:00:00"
},
"planned_start_date": {
"displayValue": "2025-10-01 08:00:00",
"value": "2025-10-01 08:00:00"
},
"priority": {
"displayValue": "",
"value": ""
},
"feature_name": {
"displayValue": "Candidate Profiling",
"value": "Candidate Profiling"
},
"short_description": {
"displayValue": "Candidate Profiling",
"value": "Candidate Profiling"
},
"state": {
"displayValue": "Complete",
"value": "Complete"
},
"initiative": {
"displayValue": "Add real-time tracking capabilities",
"value": "Add real-time tracking capabilities"
},
"Details": [
{
"label": "Number",
"value": {
"type": "string",
"value": "FTR10006"
}
},
{
"label": "Name",
"value": {
"type": "string",
"value": "Candidate Profiling"
}
},
{
"label": "State",
"value": {
"type": "string",
"value": "Complete"
}
},
{
"label": "Target Release",
"value": {
"type": "string",
"value": "Recruiting 2025 Q4"
}
}
]
}
]roadmap items metadata:
{
"colorableFields": [
{
"label": "Initiative",
"name": "initiative"
}
],
"endDateField": {
"label": "Planned end date",
"name": "planned_end_date"
},
"groupableFields": [
{
"label": "Initiative",
"name": "initiative"
}
],
"itemNameField": {
"label": "Short Description",
"name": "short_description"
},
"itemOwnerField": {
"label": "Feature Name",
"name": "feature_name"
},
"metricsFields": [],
"startDateField": {
"label": "Planned start date",
"name": "planned_start_date"
},
"statusField": {
"label": "State",
"name": "state"
}
}
Roadmap and roadmap item milestones:
{
"roadmapItemMilestones": [
{
"0b3d86c52fbaba1023c11e3fafa4e3bb": [
{
"dueDate": {
"displayValue": "2026-05-20 08:00:00",
"value": "2026-05-20 08:00:00"
},
"id": {
"displayValue": "im1",
"value": "im1"
},
"name": {
"displayValue": "Beta Fix",
"value": "Beta Fix"
},
"state": {
"displayValue": "achieved",
"value": "achieved"
},
"type": {
"displayValue": "milestone",
"value": "milestone"
}
}
]
}
],
"roadmapMilestones": [
{
"dueDate": {
"displayValue": "2026-04-15 09:00:00",
"value": "2026-04-15 09:00:00"
},
"id": {
"displayValue": "m1",
"value": "m1"
},
"name": {
"displayValue": "Q2 Launch",
"value": "Q2 Launch"
},
"state": {
"displayValue": "upcoming",
"value": "upcoming"
},
"type": {
"displayValue": "key_event",
"value": "key_event"
}
}
]
}
Milestone metadata
{
"type": {
"important_date": {
"icon": "calendar-clock-fill"
},
"key_event": {
"icon": "flag-fill"
},
"launch_date": {
"icon": "rocket-fill"
}
}
}
This is how my roadmap looks like right now:
Please let me know what i am missing. I tried everything on this post also and the item milestone toggle is also enabled
