Custom Scheduler

bogdan · January 10, 2012, 1:03pm

Hi,

Can I do some customizations at the data level and the views it appears on? I made some screenshots from an application that displays a timeline.

They have planes and instructors that are available to fly.
In case the instructor is not available at all on one day, he will not be visible (that would be a section in your calendar that is not visible only on specific days).
If the instructor if not available only 2 hours on a day, he will have those hours marked with a red line.
This will not appear in the Monthly view though, but only on the timeline.

Can something like this be made in your Scheduler?

Show a section only on some days.
Show some events in the timeline, but not in the monthly view, maybe even hide them in day or week view.
Display an event with other shapes then a rectangle, i.e. just a line.

Thanks,
Bogdan.

Stanislav · January 10, 2012, 1:47pm

Possible, each view can have separate filter assigned
docs.dhtmlx.com/doku.php?id=dhtm … ltration&s[]=scheduler&s[]=filter

Possible but requires some custom coding to enable|disable sections ( you can reload list of sections each time when date changed )
More simple solution - change visual style of row if related person is not available for the day - it can be done through css templates in both timeline and normal views.

This is the hard one, you can set custom css class on different events, which can affect view significantly ( colors, backgrounds, sizing ) - but it will be hard to change height, widht, left, top elements of styling.

bogdan · January 11, 2012, 9:51am

Thanks!

I solved first

Can you please give me an example.

What is the css name? Can I set it outside your files? I’m calling my javascript from the server and hope it will work.

bogdan · January 12, 2012, 12:05pm

Hey guys!

Need some help here please…

I’m trying to fix the other 2 issues:

hide a section in timeline if no events for the current day. I’m looking at the html generated by you and for each section you have a with first the name of the section with has css class “.dhx_matrix_scell”, then the data is placed into a
with class “.dhx_matrix_line”
each event is another
with class “.dhx_cal_event_line”
I don’t have experience with html/css. I almost never developed a web app. Even this one is generated. I write the code in Servoy as for a desktop application.
I don’t know how to change the styles only for the sections I want to hide and for the events I want to make them thin.

Can you please help me with this!

Thanks a lot!

bogdan · January 17, 2012, 1:54pm

Hi again!

Can you please tell me more exactly how can I solve the above issues!

The most important is to hide a section in case it has no events for a day, in the timeline view. Though I need only some of them (the instructors), in case there are planes sections I don’t want to hide those.

Please, let me know if you have a solution to this!

Ilya · January 17, 2012, 1:59pm

Hello,

Of course you can look at it in html way and simply remove elements but it makes more sense to simply change timeline configuration - that is to pass sections list which won’t include sections without events.

Please check updateCollection and serverList functions in our documentation.

Kind regards,
Ilya

bogdan · January 17, 2012, 2:04pm

How can I catch when the current day is changed in the timeline, so I can try to change the sections?

Stanislav · January 17, 2012, 4:53pm

scheduler.attachEvent("onViewChange", function(mode, date){ ...do some... return true; })

bogdan · September 24, 2012, 10:16am

Can you please tell me what’s the name of the collection I shall update, so I can change the sections in timeline view.

I’m creating the timeline using:

scheduler.createTimelineView({ \ name: "timeline", \ x_unit: "hour", \ x_date: "%H", \ x_step: 1, \ x_size: ' + size + ', \ x_start: ' + start + ', \ x_length: ' + 24 + ', \ y_unit: scheduler.serverList("timeline_sections", sections), \ y_property: "section_id", \ section_autoheight: false, \ render: "bar", \ dy: 25 \ });

And when I want to change the sections I tried this:

scheduler.updateCollection("y_unit", scheduler.serverList("timeline_sections", [{key: 1, label: "John"}, {key: 2, label: "Adam"}, {key: 3, label: "Diane"}]));

or this:

scheduler.updateCollection("timeline_sections", scheduler.serverList("timeline_sections", [{key: 1, label: "John"}, {key: 2, label: "Adam"}, {key: 3, label: "Diane"}]));

, but the sections in timeline ar not changing.

What am I doing wrong?

Thanks!
Bogdan.