Details form

Details form is intended for editing events' details.

For customizing 'Details form' you should use the object 'scheduler.config.form'. In this object you must specify all the controls you want the form to contain inside.

Into the 'scheduler.config.form' you can put any DHTMLX Touch control ( read about the controls in the related DHTMLX TOUCH documentation 'Controls').
The technique and rules of defining controls are the same as for the 'elements' parameter of the form component in DHTMLX Touch.

By default, the 'scheduler.config.form' looks like:

scheduler.config.form = [
		{view:"text", name:'text', label:"Event"},
		{view:"datepicker", name:'start_date', label:"Start", timeSelect:1, dateFormat:"%Y-%m-%d %H:%i"},
		{view:"datepicker", name:'end_date', label:"End", timeSelect:1, dateFormat:"%Y-%m-%d %H:%i"},
		{view:"textarea", name:'details', label:"Notes", width:300, height:150},
		{view:"button",	label:"Delete event", id:'delete',type:"form" ,css:"delete"}
];

There are 3 mandatory controls which you can't remove (you are also not allowed to change or remove their parameters 'name' as they're used in the scheduler code files) :

  • text
  • start_date
  • end_date

Two last default controls are optional and you can remove them if you need.

Related sample: samples/07_mobile/06_custom_form.html