search

ka215 / jquery.timeline

You can easily create the horizontal timeline with two types by using this jQuery plugin.
MIT License
240 stars 43 forks source link

Are dynamic row heights possible? My events shall have different heights and the row shall adapt #80

Open user45613168 opened 3 years ago

user45613168 commented 3 years ago

My labels are variable of size e.g.

<h1>small</h1>
test
<h1>big</h1>
<pre>
0
1
2
3
</pre>

At the moment the rows have a fixed size thus the label just overflow into the other rows, i'd rather have the eventbox surrounding the label and the row size adapted to the maximum height of its events. Is that possible?

ka215 commented 3 years ago

Hi there, Unfortunately, it does not support that has the dynamically height every each row on this plugin. However, by using lines with blank labels, it is possible to pseudo-appear to have variable line heights. Please try to see below because I've created the sample page.

https://ka2.org/jqtl-v2/sample-rows.html

Also source code of above page is here:

https://gist.github.com/ka215/c0d3245c2b35d8fbfdbe49a57de050aa

Notice: the event nodes on the timeline do not change the value of the row as an absolute value, so their placement in the apparent grouped rows must be calculated accordingly.

I'm glad if may help you.