Scheduler eventbox

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.

Have you changed scheduler.Config.time_step value? It defines minimal time step that can be used by scheduler api

There is a client-side method that retrieves calendar time by mouse position:scheduler.attachEvent("onDblClick", function (id, e){ var date = scheduler.getActionData(e).date; ///... return true; })
docs.dhtmlx.com/scheduler/api__s … ndata.html