The structure of the details form can be defined by using the following configuration function:
scheduler.config.lightbox.sections=[ { name:"description", height:50, map_to:"text", type:"textarea", focus:true }, { name:"location", height:43, map_to:"event_location", type:"textarea" }, { name:"time", height:72, type:"time", map_to:"auto"} ]
Let's consider a little other variation:
scheduler.config.lightbox.sections=[ {name:"description", height:130, map_to:"text", type:"textarea" , focus:true}, {name:"custom", height:23, type:"select", options:sections, map_to:"section_id"}, {name:"time", height:72, type:"time", map_to:"auto"} ]
You see, in the second section we specify the name as 'custom'.
When we act this way, we can set predefined 'custom' data that will be represented in the appropriate section.
The code with the predefined data should be the following:
scheduler.locale.labels.section_custom="Section"; ... scheduler.createTimelineView({ name: "timeline", ... y_unit: sections, y_property: "section_id", render:"bar" }); var sections=[ {key:1, label:"James Smith"}, {key:2, label:"John Williams"}, {key:3, label:"David Miller"}, {key:4, label:"Linda Brown"} ];
So now, in the second section, we will have the list with event holders: