almende / chap-links-library

a web based visualization library for displaying graphs, networks, and timelines
http://almende.github.com/chap-links-library
Apache License 2.0
599 stars 167 forks source link

alternate grid row shading #295

Open djholly123 opened 10 years ago

djholly123 commented 10 years ago

Hi

I have a timeline using groups feature and would like to alternate shade color the grid rows #white #f5f5f5 perhaps to make the groups stand out more clearly

css seems tricky to do this any help appreciated

image

josdejong commented 10 years ago

Yes that would be nice. It' not supported right now, the grids are absolutely positioned divs with a height of zero, so you can't give the groups a background color

djholly123 commented 10 years ago

many thanks for response would be a very handy feature yes

p-m-k commented 10 years ago

It would be great! When you have 50 rows (or even less) and many events the timeline becomes not clear.

djholly123 commented 10 years ago

now migrated vis.js to achieve this

abhiyaantrix commented 8 years ago

@djholly123: what do you mean by migrated to achieve this?? could you please share your experience.

djholly123 commented 8 years ago

hi

using [https://github.com/almende/vis]

I uses this css to get alternate row shading

.vis.timeline .labelset .inner { width: 150px; } .vis.timeline .vlabel:nth-child(even), .vis.timeline .background .group:nth-child(even) { background:#f0f0f0; } .vis.timeline .vlabel:nth-child(even), .vis.timeline .background .group:nth-child(even) { background: rgba(128, 128, 128, 0.1); }

tatsujb commented 6 years ago

@djholly123 that doesn't work for me even with /deep/ and !important combined.