0

ZK 9 RC now available!

asked 2019-11-13 18:43:35 +0800

jeanher gravatar image jeanher
1824 2 6
ZK Team

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!

Read New Features Here

Download ZK 9 RC Here

delete flag offensive retag edit

6 Answers

Sort by ยป oldest newest most voted
1

answered 2022-06-07 11:55:03 +0800

hawk gravatar image hawk
3048 1 5
http://hawkphoenix.blogsp... ZK Team

lineitem width

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.

timeline chart

You can also consider using zkchart timeline chart:

link publish delete flag offensive edit
0

answered 2019-11-18 03:16:23 +0800

mario1000 gravatar image mario1000
1

Great news

link publish delete flag offensive edit
0

answered 2022-05-02 18:54:23 +0800

filippoluchini gravatar image filippoluchini
101 2

updated 2022-05-02 18:55:53 +0800

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.

link publish delete flag offensive edit
0

answered 2022-05-03 14:15:06 +0800

hawk gravatar image hawk
3048 1 5
http://hawkphoenix.blogsp... ZK Team

updated 2022-05-03 14:15:31 +0800

Zooming

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?

Scroll down

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.

image description

Could you describe more about your use case?

link publish delete flag offensive edit

Comments

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 )edit

I can't imagine your problem via your descriptions. it's better to have some screenshots.

hawk ( 2022-05-06 16:20:45 +0800 )edit
0

answered 2022-05-09 12:09:35 +0800

hawk gravatar image hawk
3048 1 5
http://hawkphoenix.blogsp... ZK Team

By 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.

<div style="overflow-x:auto">
<linelayout model="${model}"  orient="horizontal" width="1000px">
....
</linelayout>
</div>
link publish delete flag offensive edit
0

answered 2022-06-01 17:45:34 +0800

filippoluchini gravatar image filippoluchini
101 2

updated 2022-06-01 23:07:39 +0800

Hi Hawk, sorry for the delay. I did it, thanks a lot! image description

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.

link publish delete flag offensive edit
Your answer
Please start posting your answer anonymously - your answer will be saved within the current session and published after you log in or create a new account. Please try to give a substantial answer, for discussions, please use comments and please do remember to vote (after you log in)!

[hide preview]

Question tools

Follow
1 follower

RSS

Stats

Asked: 2019-11-13 18:43:35 +0800

Seen: 46 times

Last updated: Jun 07

Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More