ZK 9 is coming soon and the Release Candidate is now available for trial!
ZK 9 comes with 20+ new features such as Toast, Stepbar, Linelayout, Coachmark, Anchornav, Drawer and many more!
We at ZK sincerely invite you to try out ZK 9 RC and share with us your feedback!
Linelayout displays each item in equal width by default. You can set each time's width according to the temporal value. You need to calculate the proportional width of each time according to its date.
You can also consider using zkchart timeline chart:
Hi, I'm trying to use Linelayout component with zk 9.6.0.1 and I was wondering if there is a way for zooming or scrolling down the timeline. Thanks in advance for any answer.
A component usually doesn't have a specific feature for zooming, unless its purpose is related to zoom, e.g. a map component Does the browser's zooming fulfill your requirement?
Do you mean the timeline displays partially and need to scroll to see the whole timeline? If there is no size limit, the Linelayout should display all its lineitems by default. Below is an example that I make it scrollable by wrapping it with a smaller div.
Could you describe more about your use case?
Hi hawk, thanks for your reply. My linelayout is inside a fixed width div. It represents emergency department encounters of a patient, so it could have 1..x lineitems (x could be equals to many dozens). I'm trying to find the best solution to make it as readable as possible.
filippoluchini ( 2022-05-05 16:37:45 +0800 )editBy default, linelayout just consumes the space of its parent component. If there are many lineitems, it might be too crowded and make the text of each item unreadable.
You can specify a width on linelayout and overflow-x:auto on the linelayout's parent to show a horizontal scroll bar.
Tags
People
Badges
Help
<div style="overflow-x:auto">
<linelayout model="${model}" orient="horizontal" width="1000px">
....
</linelayout>
</div>
Hi Hawk,
sorry for the delay.
I did it, thanks a lot!
It would be perfect if the distance between items was proportional to the temporal distance of each encounter, as it was in the timeline, if I'm not wrong.
Thanks again.
Asked: 2019-11-13 18:43:35 +0800
Seen: 46 times
Last updated: Jun 07 '22