Get rid of vertical scrollbar

Scheduler Javascript
#1

Hi,

How can I avoid this right-space reserved to the vertical-scrollbar?

i.imgur.com/CKND91l.png

Some configurations I have:

  • Using dhtmlxscheduler_container_autoresize.js
  • html, body { height:100%; /* Explorer 8 */ }
  • .dhx_cal_container { width:100%; height:100%; }
#2

You can try to use

scheduler.xy.scroll_width = 0;

docs.dhtmlx.com/scheduler/api__s … r.html#day

#3

It partially solved the problem, but if I resize the window the inner scrollbar appear again, and it’s not necessary:

I resize, scrollbar is not needed but it appears: i.imgur.com/KWsAFy4.png
I maximize but the scrollbar remains: i.imgur.com/mVQY3KI.png

The same happens in other similar cases.

#4

Try to use container_autoresize extension
docs.dhtmlx.com/scheduler/sample … esize.html

it will adjust scheduler’s size to prevent inner scroll.

#5

I already have this extension enabled, that’s my configuration:

Some configurations I have:

  • Using dhtmlxscheduler_container_autoresize.js
  • html, body { height:100%; /* Explorer 8 */ }
  • .dhx_cal_container { width:100%; height:100%; }
#6

I’ve found the solution:

.dhx_cal_data {
    overflow-y: hidden;
}

But now I’ve another problem. With a standard Month View when there are many events to be displayed the browser vertical toolbar appears (that’s ok) and it hides the dhx_cal_navline, dhx_cal_header and the dhx_cal_data.

i.imgur.com/l6hyuEZ.png

Any idea?

#7

Unfortunately I don’t see any other solution, except of making global scroll always visible

<style>body{ overflow-y: scroll; }</style>