Details form is intended for editing events' details.
For customizing 'Details form' you should use the 'scheduler.config.form' object. In this object you must specify all the controls you want the form to contain inside.
Into '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, 'scheduler.config.form' looks like:
scheduler.config.form = [ {view:"text", id:'text', label:scheduler.locale.labels.label_event, name:'text'}, {view:"datetext", id:'start_date', label:scheduler.locale.labels.label_start, name:'start_date', dateFormat:scheduler.config.form_date}, {view:"datetext", id:'end_date', label:scheduler.locale.labels.label_end, name:'end_date', dateFormat:scheduler.config.form_date}, {view:"toggle", id:'allDay', label:"", align: "right", value:"0", options: [ {value:"0",label:scheduler.locale.labels.label_time}, {value:"1",label:scheduler.locale.labels.label_allday} ]}, {view:"textarea", id:'details', label:labels.label_details, name:'details', height:150} ];
There are 3 mandatory controls which you can't remove (you are also not allowed to change or remove their parameters 'id' as they're used in the scheduler code files) :
Two last default controls are optional and you can remove them if it's needed:
Related sample: samples/01_basic/06_custom_form.html