Lightbox managing prefixed durations

blucloud · October 29, 2019, 3:51pm

Hi,

I have a customer who requires to be able to create events from the lightbox with a duration that can only be 2 hours, 2.5 hours, 3 hours, 3,5 hours and 4 hours. While there are not strict limitations on the starting time of this lesson.

What I would like to achieve then is that the ending time dropdown shuld only contain the ening time that are compatible with the requested durations.

For example if the lesson starts at 8am, end time sropbox should only contain 10:00, 10:30, 11:00, 11:30, 12:00.

Is that possible and how?

Thank you

Polina · October 31, 2019, 2:27pm

Hello @blucloud,

Unfortunately, there is no easy way to limit the options of end_time section in the lightbox as you need. You can do it by updating scheduler.form_blocks.time in the source code:

github.com

DHTMLX/scheduler/blob/e86ca46627497014b2ec93fbc2339d0026e1cae9/codebase/sources/dhtmlxscheduler.js#L7327


						for (var i=0; i < 12; i++)
							options+="<option value='"+i+"'>"+this.locale.date.month_full[i]+"</option>";
						break;
					case "%d":
						selectBoxClass = "dhx_lightbox_day_select";
						sns._time_format_order[1] = p;
						//days
						for (var i=1; i < 32; i++)
							options+="<option value='"+i+"'>"+i+"</option>";
						break;
					case "%H:%i":
						selectBoxClass = "dhx_lightbox_time_select";
						sns._time_format_order[0] = p;
						//hours
						var i = first;
						var tdate = dt.getDate();
						sns._time_values = [];


						while(i<last){
							var time=this.templates.time_picker(dt);
							options+="<option value='"+i+"'>"+time+"</option>";

As an alternative solution, try using onEventSave handler to check the duration before saving the lightbox and show the message that the user must update the duration if it is > 3.5h. Please check the snippet that demonstrates how it can be implemented: http://snippet.dhtmlx.com/24f4905fe

https://docs.dhtmlx.com/scheduler/api__scheduler_oneventsave_event.html