I have events for 5minutes interval to bind with small eventbox
Eg; if i have 9:00 to 9:05,9.05 to 9.10,9.10 to 9.20,
My requirement is when i click on the 9.00 to 9.20 interval on the scheduler, i want a seperate window to open showing 3 appointments in a grid.
I want to know how does the scheduler binds the event box with the ondouble click time.
have this custom eventbox on schedulercontroller:
[code] evBox.Template =
@"
<% if((ev.end_date - ev.start_date) / 60000 > 60) { %>
{start_date:date(%H:%i)} - {end_date:date(%H:%i)}
<% } else { %>
{start_date:date(%H:%i)} - {end_date:date(%H:%i)}
<% } %>
<div id='eventboxid'></div>
</div>";[/code]
i changed the scheduler timings to 30 minutes interval.
function configureScales() {
// scheduler.Config.hour_date = “%h:%i %A”;
var step = 30; //time step
var unitHeight = 22; //height of one unit
var format = scheduler.date.date_to_str("%h:%i %A ");
scheduler.config.hour_size_px = (60 / step) * unitHeight;
scheduler.templates.hour_scale = function (date) {
var html = "";
for (var i = 0; i < 60 / step; i++) {
html += "<div style=\"height:" + unitHeight + "px;line-height:" + unitHeight + "px;border-bottom: 1px solid;\">" + format(date) + "</div>";
date = scheduler.date.add(date, step, "minute");
}
return html;
};
But whenever i create a eventbox, it automatically takes only 5minutes interval. Please help.