Hello everyone, I am using the wonderful component Timeline with "group". My scenario is: there are N people, each person has different tasks.
The problem is: when there are a lot of "people/task" - grid's header disappears because it go out of screen (go up).
I'd like to "fix" the head of the grid, like stickyHeader of the dataTable component.
I tried to build two connected Timeline (one for the head, second for the grid's body). The idea is wrong because the graphics/metrics for timeline1 (header) is different for the timeline2 (body) because... in the timeline2 (body) appear it's scrollBar (with relative pixel width)
Do you have any ideas?
Many many thanks.
Timeline: fixed position of "time/header" when scrolling
Maybe you can fix the header with jQuery. Have tried to set position:fixed on the header when it is close to the window top? See JS code in the p:sticky component.
PrimeFaces Cookbook (2. edition): http://ova2.github.io/primefaces-cookbook/ Learning Angular UI Development with PrimeNG: https://github.com/ova2/angular-develop ... th-primeng Blog: https://medium.com/@OlegVaraksin
Thanks Oleg, I discovered/realized that you are the author of the component: many many many compliments.
The component is wonderful, perfect to 99.6% (0.4%, as always, makes a difference). What (for me and for now) is missing:
header
But I'm not an enterprise, I'm not a jQuery developer, I'm nothing
Best Regards Oleg, and again congratulations for your skills.
The component is wonderful, perfect to 99.6% (0.4%, as always, makes a difference). What (for me and for now) is missing:
header
- Fixed on scroll
- Ability to specify the display scale
- Ability to "follow" the mouse position with a line
- get the event/verb "...ing" for server verification / business when a taskEvent is moving, resizing and so on.
But I'm not an enterprise, I'm not a jQuery developer, I'm nothing
Best Regards Oleg, and again congratulations for your skills.
-
- Posts: 99
- Joined: 25 Feb 2015, 11:02
We are also VERY INTERESTED in this feature: getting the header fixed when using a scrollbar.
We have tried to use some jQuery script with position:fixed but it doesn't work as expected.
Would it be possible to share some code that could actually work ??
Is there any plan to support this feature in future versions of the timeline ?
Thanks a lot in advance !
Miguel
We have tried to use some jQuery script with position:fixed but it doesn't work as expected.
Would it be possible to share some code that could actually work ??
Is there any plan to support this feature in future versions of the timeline ?
Thanks a lot in advance !
Miguel
PrimeFaces 6.1 / PF Extensions 6.1.1 / Atmosphere 2.4.3
Apache Mojarra 2.2.13+
WildFly 10.1.0.Final
Apache Mojarra 2.2.13+
WildFly 10.1.0.Final
-
- Posts: 9
- Joined: 09 Oct 2015, 13:48
the primefaces timeline is a really cool component, Ive been playing with it for quite some time now, great compliment to the author
the only thing that's missing is fixed timeline header, i hope it will be implemented soon, its hard to find a solution, especially since the timeline consists of various divs and not table header and table rows/columns
the only thing that's missing is fixed timeline header, i hope it will be implemented soon, its hard to find a solution, especially since the timeline consists of various divs and not table header and table rows/columns
-
- Posts: 9
- Joined: 09 Oct 2015, 13:48
found something:
http://www.pixelbind.com/make-a-div-sti ... ou-scroll/
you can make the div container (only one rendered without id sadly) of the timeline position fixed
and then find correct values to make it scroll again after a certain point has been scrolled trough
http://www.pixelbind.com/make-a-div-sti ... ou-scroll/
you can make the div container (only one rendered without id sadly) of the timeline position fixed
and then find correct values to make it scroll again after a certain point has been scrolled trough
-
- Information
-
Who is online
Users browsing this forum: No registered users and 1 guest