Mini Calendar in Layout cell

Scheduler Javascript
#1

I would like to create interface where there will be 3 layout cells (3J):

  1. With data I need (cell a)
  2. With Mini Calendar (cell c)
  3. With Scheduler.

Points 1 and 3 are very easy to be done. How about point 2? Is it possible to place mini calendar in layout’s cell?

#2

Hello,
that shouldn’t be a problem. Minicalendar can be initialized inside any html container: docs.dhtmlx.com/scheduler/minica … escheduler
and you can put html container inside a layout cell docs.dhtmlx.com/layout__attach_html.html
So something like following should work:
HTML:

<div id="minicalendar_container"></div>

JS:

[code]layout.cells(“b”).attachObject(“minicalendar_container”);

var calendar = scheduler.renderCalendar({
container:“minicalendar_container”,
navigation:true,
handler:function(date){
scheduler.setCurrentView(date, scheduler._mode);
}
});[/code]

#3

Thx Aleksandr, it worked.

Another question:

clicking on mini calendar moves scheduler to the selected date. How about changing period i scheduler? Is there an option to update selected period in mini calendar?

#4

Hello,

You need to redefine handler property in renderCalendar method:
docs.dhtmlx.com/scheduler/api__s … endar.html