Rendering/display/interface issue with all day events bar.

Please see attached image. The bar that displays all-day events appears to run off the end of the calendar, making it look quite awkward.

The screenshot was taken from [url]http://docs.dhtmlx.com/scheduler/samples/01_initialization_loading/01_basic_init.html[/url] in Chrome 47 (however the same happens in FF and Safari for me).

Is this normal? It definitely looks goofy to me, as it seems to serve no purpose. Is there any way to fix this, without hacking scheduler CSS/source code? Any info will be much appreciated.

Thanks.

It’s how scheduler shows that event is not fully shown on current view. It means that if you’ll go to next date you could see another part of event.
See screens:
screencast.com/t/YRkXY1HJaXI
screencast.com/t/bSbSxkcmmjk

To show it like other events you could define your own css.
Or you could define event_class template and for non-oneday events you could return following classes: “dhx_cal_event_line_start dhx_cal_event_line_end”.
Or you could check event _first_chunk and _last_chunk private properties to return needed class.
See articles:
docs.dhtmlx.com/scheduler/api__s … event.html
docs.dhtmlx.com/scheduler/api__s … plate.html

Hi Sten, thanks for the reply.

To be more specific, I was concerned about the white bar that contains all of the events (class=“dhx_multi_day”) as opposed to the styling of the events themselves (class=“dhx_cal_event_line”).

Your second screenshot (screencast.com/t/bSbSxkcmmjk) helps me to explain the issue: the event being pointed to by the red arrow sits nicely against the left-hand border, however, there is some excess white space on the right-hand side of this same bar that will never be filled by an event.

This doesn’t look so bad in the screenshot you provided, as the Windows native browser scroll bar neatly fills this space. However, where no scroll bar exists (either due to sufficient screen height or Mac OS X hiding it), it starts to look a bit out of place.

Hope this clarifies it for you. I understand that this may have been designed with Windows in mind, but if this could look equally as good on other OSs, I think that would be a good improvement. Can you suggest any methods for modifying CSS or using other configuration options to achieve what I am after?

Thanks