TimeLine Scheduler in Angular


I need to test the scheduler with the timeline template to see if it works for the project I’m working on.

It’s an office hourly booking website.

I’ve managed to insert it into the code and see the template, but I don’t know how to capture the events.

They have documentation to study the possibilities?.

Hi @Mordor2009

There is a tutorial DHTMLX Scheduler Usage with Angular Framework.

Please find on page “scheduler.attachEvent” to see how to add event handlers in Angular.

very good.
This tutorial explains very well how to capture the events.

But how can I transform this Scheduler into a timeline view? … Where are all the options on the page configured as the values?

name: “timeline”,
x_unit: “minute”,
x_date: “%H:%i”,
x_step: 30,
x_size: 24,
x_start: 16,
x_length: 48,
y_unit: sections,
y_property: “section_id”,



You need to include PRO package to start using Timeline: Adding PRO Edition into Project and attach file:
import "dhtmlx-scheduler/codebase/ext/dhtmlxscheduler_timeline";