Start Building Professional
Web Apps Today

Scheduler and grid on same page

I am using the scheduler but would also like to place a task list to the right of it. I have build the task list using your grid component. I have put the scheduler in a div tag and set the position to relative and it is working well. The problem I have is that the task list (the grid view) won't display. The code I am using in the page is below. If I remove the scheduler portion then the task list displays fine so I assume it's just the order of things. So 2 questions:
1. How do I get both the scheduler and the grid view (my task list) to display?

2. The init() for the scheduler is currently in the header. I would actually like to move it out of the header and into the body code. can I do this? If so where should it be placed?

Thank you so much for your help.

Regards -

Jen

<div style='position:relative;float:left;height:600px; width:800px;' >
<br><br>
<div id="scheduler_here" class="dhx_cal_container" style='width:100%; height:95%;'>
<div class="dhx_cal_navline">
<div class="dhx_cal_prev_button"> </div>
<div class="dhx_cal_next_button"> </div>
<div class="dhx_cal_today_button"></div>
<div class="dhx_cal_date"></div>
<div class="dhx_cal_tab" name="day_tab" style="right:335px;"></div>
<div class="dhx_cal_tab" name="week_tab" style="right:270px;"></div>
<div class="dhx_cal_tab" name="month_tab" style="right:204px;"></div>
<div class="dhx_cal_tab" name="task_tab" style="right:140px;"></div>
<div class="dhx_cal_tab" name="search_tab" style="right:76px;"></div>
</div>
<div class="dhx_cal_header"></div>
<div class="dhx_cal_data"></div>
</div>
</div>

<div id="task_container" style="float:right;width:200px;height:600"></div>
<script>
tasklist = new dhtmlXGridObject('task_container');
tasklist.setSkin("light");
tasklist.setImagePath("/codebase/imgs/");
tasklist.setHeader("Start Date, Priority,Pct Done, Task");
tasklist.setColAlign("left,center,center,left,center");

tasklist.enableDragAndDrop(true);
tasklist.enableMercyDrag(true);
tasklist.setDragText("task");
tasklist.init();

calQString = "tasks.php?user_id=$user_id";
taskview.loadXML(calQString);
</script>

>>The init() for the scheduler is currently in the header
It can be moved it any point, after its HTML snippet.

>>1. How do I get both the scheduler and the grid view (my task list) to display?
a) order of js files

dhtmlxscheduler.js
dhtmlxgrid.js
dhtmlxgridcell.js
any other grid's extension if necessary

You need not include dhtmlxcommon.js , because it already included as part of dhtmlxscheduler.js

b) visibility of container - please be sure that grid's container is really visible. Default samples has overflow:hidden set on body, so if grid's container was moved outside of visible area - no scroll will occur.