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.
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.