Details form

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"}	
  ]
  • name - the name of the appropriate section in the form.
  • height - the height of the appropriate section.
  • map_to - refers to the database field connected with the section.
  • type - specifies the section type.
  • options - elements that will be represented in the section (for the Timiline view only).

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: