Our powerful JS Calendar component


Post by tokytok »

Hi,
I'm trying to customize the cell header renderer to add hour end.
You can take a look to the screen capture.

Screen capture
Screen capture
Capture d’écran 2020-11-03 à 08.42.55.png (65.19 KiB) Viewed 1064 times

Thanks a lot :)


Post by mats »

We don't support this at the moment, but we have opened a feature request to address this: https://github.com/bryntum/support/issues/1795


Post by tokytok »

Resolved by :

  • Hide first level of b-event-header :
    .b-cal-event-body > .b-event-header {
            display: none;
    }
    
  • Custom eventRenderer :
    <div class="b-event-header">
        <div class="b-event-time">
            ${DateHelper.format(eventRecord.startDate, 'LT')} - 
            ${DateHelper.format(eventRecord.endDate, 'LT')}
        </div>
    </div>
    

Post by mats »

Yep that's a clever simple workaround, thanks for sharing 😄


Post Reply