Results 1 to 3 of 3

Thread: Calendar component: splitter between allday and normal events

  1. #1

    Default Calendar component: splitter between allday and normal events


    we have a lot of allday events. Is there a possibility in the dayview (xtype: calendar-day/s) to insert a splitter between the allday and normal events with timerange.
    As it is now, the list of allday events fills the whole calendar view, while the other events and the corresponding time-gutter are not visible.
    I wonder if this aspect really has not been thought of while designing the calendar component. Any ideas?


  2. #2
    Sencha Premium User
    Join Date
    Apr 2007
    Sydney, Australia


    Currently we don't have anything to do that, I'd be interested to hear your suggestions. I'm not so sure about a splitter, but maybe some way to configure a max size/events for the all day portion.

  3. #3


    As of now, we've added some CSS to limit the all day area to 150px:
    div.x-calendar-days-header-wrap {
        border-top: 1px solid #ddd;
        display: block;
        min-height: 150px;
        height: 150px;
        max-height: 150px;
        overflow-y: auto;
    div.x-calendar-days-body-row {
        border-top: 1px solid #ddd;
        display: block;
        top: 150px;
        position: absolute;
        height: calc(100% - 150px);
    div.x-calendar-days-body-cell.x-scroller {
        display: block;
        height: 100%;
    div.x-calendar-days-body-cell {
        display: block;
        height: 100%;
    .x-calendar-days td.x-calendar-days-header-gutter {
        border-top: none;
    table.x-calendar-days-table.x-calendar-days-allday-events {
        height: auto;

    But still a splitter would be the better solution.
    With the old calendar it was possible to do so:

    So I hope, this will be possible in the future.

Similar Threads

  1. Ext JS 6.2 Calendar - How to save events
    By phongtran72 in forum Ext JS 6.x Q&A
    Replies: 4
    Last Post: 22 Nov 2016, 4:22 PM
  2. Replies: 0
    Last Post: 18 Nov 2016, 5:35 AM
  3. Recurring Events Ext 6 Calendar
    By afterLunchGreenTea in forum Ext JS 6.x Q&A
    Replies: 1
    Last Post: 9 Aug 2016, 11:43 AM
  4. Replies: 1
    Last Post: 7 Feb 2012, 12:07 AM
  5. Problems editing events from calendar
    By MihaelaCiocoiu in forum Ext 3.x: Help & Discussion
    Replies: 17
    Last Post: 3 Nov 2010, 6:26 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts