Premium support for our pure JavaScript UI components


Post by vbureanu »

Hello guys,

Our client wants always to have the Current Time Line at the constant indentation relative to the left side of visible Area (see green arrow) — when the chart is loaded or zoomed.

The client goal is — to see as much as possible events at the right side of the red line, regardless he is zooming In or Out and regardless how much time has passed.

Example: when the current time increases by one minute — events must move to the left by one minute (but red line needs to preserve its position).

Can you help us?

Thanks a lot!

Screenshot 2025-03-07 121509.png
Screenshot 2025-03-07 121509.png (373.55 KiB) Viewed 19907 times

Post by mats »


Post by vbureanu »

mats wrote: Fri Mar 07, 2025 12:51 pm

Simply set https://bryntum.com/products/scheduler/docs/api/Scheduler/view/TimelineBase#property-visibleDate every minute as you suggested.

Hi Mats,

We tried to use visibleDate, it works, but when we change zoom — the red line does not stay fixed, it changes position.
We tried to add some coefficient to visibleDate every time we change zoom, but it doesn't help much.


Post by mats »

You'll have to trigger an update to visibleDate also after zooming. Does that fix it for you?


Post by vbureanu »

mats wrote: Fri Mar 07, 2025 8:33 pm

You'll have to trigger an update to visibleDate also after zooming. Does that fix it for you?

Nope, we tried, unfortunately it doesn't work, because after zoom click the event became wider/narrower, so we don't have an exact reference.
So our target is to have red line "fixed" in the same place even after zoom in/out is not achieved.


Post by mats »

Try using infiniteScroll - should make it more predictable if you always want the red line pinned to the left, does that solve it for you?


Post by vbureanu »

mats wrote: Tue Mar 11, 2025 12:52 am

Try using infiniteScroll - should make it more predictable if you always want the red line pinned to the left, does that solve it for you?

Thank you for the help!


Post Reply