Timeline: fixed position of "time/header" when scrolling

Community Driven Extensions Project
Post Reply
endolf
Posts: 4
Joined: 13 Nov 2014, 18:53

08 Jan 2015, 12:54

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.

User avatar
Oleg
Expert Member
Posts: 3805
Joined: 02 Oct 2009, 09:41
Location: Germany, Black Forest

08 Jan 2015, 14:38

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

endolf
Posts: 4
Joined: 13 Nov 2014, 18:53

08 Jan 2015, 16:32

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
  • Fixed on scroll
  • Ability to specify the display scale
  • Ability to "follow" the mouse position with a line
body
  • get the event/verb "...ing" for server verification / business when a taskEvent is moving, resizing and so on.
Yes Oleg, I know ... I know, and also I'm absolutely persuaded about PRO or Elite subscription: they are the solution.
But I'm not an enterprise, I'm not a jQuery developer, I'm nothing :)

Best Regards Oleg, and again congratulations for your skills.

Miguel Cubells
Posts: 99
Joined: 25 Feb 2015, 11:02

23 Jul 2015, 09:08

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
PrimeFaces 6.1 / PF Extensions 6.1.1 / Atmosphere 2.4.3
Apache Mojarra 2.2.13+
WildFly 10.1.0.Final

Master Azazel
Posts: 9
Joined: 09 Oct 2015, 13:48

09 Oct 2015, 14:08

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

Master Azazel
Posts: 9
Joined: 09 Oct 2015, 13:48

09 Oct 2015, 15:03

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

Post Reply

Return to “Extensions”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 18 guests