How do I show the selected event in another div?

Discontinued products Scheduler for Mobile and Touch devices
#1

Hello,
Very new at this and trying do some changes on the mobile demo “11_custom_view.html”
This shows events and gmap in the same div (I guess since it’s using multiview (?))

But what I want it to do is to show only the calendar and eventlist in one div, and the “results” in another div.
(This is for a tablet)

So a click on “Wimbledon” in the example should open/show the event details in the second div.

Possible?

How? :slight_smile:

Thanks,
Helge

#2

Hello,

it is possible to move a view into a certain Layout:

dhx.ui(viewObj,layoutObj,index);

if you are using readonly mode for scheduler, you may use the following approach:

[code]scheduler.config.readonly = true;
dhx.ready(function(){
dhx.ui.fullScreen();
dhx.ui({
id:“mylayout”,
css:“dhx_scheduler”,
rows:[
{
view: “scheduler”,
id: “scheduler”
}
]
});

$$(“scheduler”).load(url,“scheduler”);

/moves “event” view (preview) in “mylayout” view/
dhx.ui($$(“scheduler”).$$(“event”),$$(“mylayout”),1);

/hides toolbar with Back button/
$$(“scheduler”).$$(“eventBar”).hide();[/code]

#3

Thanks,
I think i understand the approach - but it was not exactly what I had in mind.

My wish is to accomplish something like this:

And then “load” the calendar in the first div and get the list of events (and also the google map etc.) on the other div.
I’m trying to implement this onto a CMS where the second div also will be used for other content so that the div itself should not be dynamically created but be “fixed”.

Thanks for any insight on this… :slight_smile:

Helge