# Template
A container with some HTML content inside.
~~~js
scheduler.locale.labels.section_template = 'Details';// sets the name of the section
scheduler.config.lightbox.sections = [
{ name:"text", height:50, map_to:"text", type:"textarea", focus:true},
{ name:"template", height: 40, type:"template", map_to:"my_template"},
{ name:"time", height:72, type:"time", map_to:"auto"}
];
scheduler.attachEvent("onEventCreated", function(id, e) {
var ev = scheduler.getEvent(id);
ev.my_template = "Holder:"+ ev.holder+"
Room:"+ ev.room;
});
~~~
## Initialization
To add the Template control to the lightbox, follow these steps:
1. Add the section to the lightbox configuration:
~~~js
scheduler.config.lightbox.sections = [
{ name:"text", ... },
{ name:"template", height: 40, type:"template", map_to:"my_template"},
{ name:"time", ...}
];
~~~
2. Set the label for the section:
~~~js
scheduler.locale.labels.section_template = 'Details';
~~~
3. Set the content of the control with the help of some event, e.g. the [onBeforeLightbox](api/event/onbeforelightbox.md) event:
~~~js
scheduler.attachEvent("onBeforeLightbox", function(id) {
var ev = scheduler.getEvent(id);
ev.my_template = "Holder:"+ ev.holder+"
Room:"+ ev.room;
return true;
});
~~~
## Properties
The following properties are mostly important and commonly set for the 'template' control (see the full list [here](api/config/lightbox.md)):
name
(string) section's name
height
(number) section's height
map_to
(string) the name of a data property that will be mapped to the section
type
(textarea,time,select,template,multiselect,radio,checkbox,combo) the type of the section's control