I would like to create “utility” resources in my calendar timeline where users can click to create new resource rows. The goal is to allow them to add child resources to parent resources inline by clicking on an Add button on the bottom of the parent resource.
There is an option, renderResource, which is supposed to allow you to customize the rendering of the resource. However, it only allows you to customize the label - the rest of the HTML of the resource is fixed, which makes it difficult to change the shape of the resource (ie - to make it a thinner bar then a real, full-on resource), to change the color of the resource tab, or really to customize very much of what’s going on there at all.
What I would like to do, at a minimum, is add a class to the resource tab at the same level as “mbsc-timeline-resource”, and ideally, be able to edit all of the HTML inside that div, and not just the “mbsc-timeline-resource-title” div, which only covers a small section of the resource.
I would also like to be able to shade this whole resource row a different color (in our designs it’s a light green). I’ve tried setting a color on the resource, but this doesn’t actually seem to result in any visible change.
I’ve attached a screenshot of what I’m trying to accomplish. Has anyone seen anything that looks like this? I keep digging through the documentation and I don’t see anyone referencing such a use case.