Need advice about timeline repeating group

I’m building an app to track resources assigned to a project and have made a custom timeline / calendar using nested repeating groups; however, there are a number of issues with the design that I can’t seem to fix. I’m hoping someone might be able to help with some of the issues , as I can’t take my app any further.
I’ve created four timelines.

  • Projects (includes nested resources),
  • Staff resources,
  • Asset resources &
  • Hired Equipment.

Here’s what the Project timeline looks like now.

A user can click on the cell and expand the resources allocated to the respective project.

Here’s what it looks like with the borders switched on.

I’ve used a repeating group that highlights the cells that are active for the project/resource.

Issue 1: I’m currently using a short project code on the first cell of the event, but this isn’t great UX. Ideally, I’d like to have the text wrap over multiple cells similar to Google/Outlook calendars so the user can read the full project title.


Issue 2: when I load a timeline calendar, a horizontal scroll bar is visible at the header and another is visible at the base of the repeating group. Once I move the calendar (drag left/right), the top scroll bar disappears. I don’t know how to get rid of this by default.

View timeline demo

Issue 3: In the Projects timeline, the nested repeating group for Resources isn’t sticky to the side like the main project title.

Issue 4: Loading of the timeline is already pretty slow and I haven’t added much data to it.
I’d love to be able to speed this up but I’m not sure what I can do to it tbh.

This topic was automatically closed after 70 days. New replies are no longer allowed.