Pager Header on a Tab Unit

Scheduler Javascript
#1

Hii!!



How i’ll do to pager the header section on a tab unit create with dhtmlxscheduler_units.js??

'cause the header section of the units is very full and them see too piled.





Thankss folks!

#2


Hello,


scheduler doesn’t provide the paging bar for the units header.


But it is possible to enable scrolls for this view. But this approach requuires modification in the dhtmlxscheduler.js.


Please locate the this._cols[i]=Math.floor(summ/(count-i)); line here and replace it with the following:


this._cols[i]=Math.max(200,Math.floor(summ/(count-i)));


b.style.overflowX=“auto”;



where 200 is minimum unit width.

#3


hi there,



I tried this solution and it adds a horizontal scrollbar, but the scroll bar scrolls only the calendar part of the data area, while the Unit headers remain in their original place.



thank you!



 


screenshot scroll.PNG1257×669 20.1 KB

#4


Hello,


try to add the highlighted event handler too:


this._cols[i]=Math.max(200,Math.floor(summ/(count-i)));
b.style.overflowX=“auto”;

b.onscroll = function(){
h.scrollLeft = b.scrollLeft;
}



#5

To have drag and drop work sucessfully

in scheduler._mouse_coords = function(ev){

you have to change
pos.x-=getAbsoluteLeft(this._obj)+(this._table_view?0:this.xy.scale_width);

with
pos.x-=getAbsoluteLeft(this._obj)+(this._table_view?0:this.xy.scale_width)-this._els[“dhx_cal_data”][0].scrollLeft;