I want to highlight weekends and non business hours in different background color on timeline.
Can I do this?
For eg: Saturday and Sundays and non business hours will be shown in grey color and rest of the days in white. Even after zoom in, grey color should be displayed on that particular day.
Kindly let me whether we can achieve this in timeline?
You'll want to look at http://visjs.org/docs/timeline/#Styles
The example there even has the greyed weekends. I'll leave it as an exersize for the reader on how to do it for non-business hours
I tried to implement greyed weekends. However when timeline is zoomed in to hourly basis, grey color of weekends disappear. Can we achieve this. Even after Zoom in or zoom out, grey color should be displayed on that particular day.
@tejashree2012 Can you supply a jsbin? It will be easiest to look at with an example
I remember fixing these CSS tags month ago. This should be doable overwriting the correct class-tag for weekends, but I have to check again for details.