Mini-calendar equivalent for mobile scheduler

Discontinued products Scheduler for Mobile and Touch devices
#1

Hello, I was wondering if there is a way to mimic the desktop scheduler mini-calendar extension in the mobile scheduler? I basically just a way to pop up a calendar in the mobile scheduler day view and have individual dates be clickable so that the day view will refresh to that day. Any ideas?

Thanks,
Chris

#2

Hello,

you may customize toolbar in day view and place icon with popup in it:

docs.dhtmlx.com/doku.php?id=dhtm … d#day_view

On popup show you need to set the necessary date. On date select the date should be set in scheduler.

Here is the solution:

[code] scheduler.config.day_toolbar = [
{view:‘label’,id:“prev”,align:“left”,label:"

"},
{view:‘imagebutton’,id:“dayMiniCalendar”,align:“center”, src: “images/calendar.png’,popup:“myPopup”,width:20},
{view:‘label’,id:“date”,align:“center”,width:120},
{view:‘label’,id:“next”,align:“right”,label:”
"}
];

dhx.ready(function(){

/popup init/
dhx.ui({
view:“popup”,
id:“myPopup”,
hidden:true,
body:{ id:“calendarPopup”, view:“calendar”}
});

dhx.ui.fullScreen();

dhx.ui({
view: “scheduler”,
id: “scheduler”
});

$$(“myPopup”).attachEvent(“onShow”,function(){
$$(“calendarPopup”).selectDate($$(“scheduler”).coreData.getValue(),true);
});

$$(“calendarPopup”).attachEvent(“onDateSelect”,function(date){
$$(“scheduler”).setDate(date);
$$(“calendarPopup”).hide();
})

…
});[/code]

#3

Thanks Alexandra, one more question - how do I change the start day of the mini-calendar popup to be Sunday rather than Monday? (Equivalent of defining startOnMonday to be false for regular calendar.)

#4

Nevermind, I figured it out:

body:{ id:"calendarPopup", view:"calendar", startOnMonday: 0 }

Thanks!