Almende Timeline: Highlighting weekends with different colors #2564

Open
tejashree2012 opened this Issue Jan 11, 2017 · 4 comments

Projects

None yet

5 participants

@tejashree2012
tejashree2012 commented Jan 11, 2017 edited

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?

@tejashree2012 tejashree2012 changed the title from Timeline: Highlighting weekends with different colors to Almende Timeline: Highlighting weekends with different colors Jan 11, 2017
@lewisjb
Contributor
lewisjb commented Jan 13, 2017

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

@tejashree2012

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.

@yotamberk
Contributor

@tejashree2012 Can you supply a jsbin? It will be easiest to look at with an example

@mojoaxel
Member
mojoaxel commented Jan 17, 2017 edited

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment