I have a timeline view with 4 Y-axis sections and 30 days long X-scale each block representing one day.
Every day of the X-scale may have 30+ tasks. I want to achieve the following behavior.
- Each task must be read-only (no dragging overlay should be displayed on mouse over)
- Tasks must be vertically aligned along the X-axis. (Not bellow each other)
- If possible I should be able to customize the height of a task based on some logic.
So…is it possible to define the min-width in pixels for the tasks. For example, if I have 30+ tasks and the width of the day cell is 60px depending on the time duration of the tasks they should be displayed accordingly next to each other.
Here is an example with photoshop how it should look. Each color represents a different task type.