Hi.
I am using calendar only in day mode, can I remove this topbar with day and button to current date?
I'll show the date they are displaying, but with a different layout, like this:
https://slack-files.com/TCE5WRQR0-F018MBA8KGR-4ef38b1c03
it's already working, but I have to take out the default date in calendar topbar
If you want custom cell content, try configuring your Calendar like this:
modes : {
week : {
allDayEvents : {
cellRenderer({ cell }) {
cell.innerHTML = '<b>My content</b>';
debugger; // It's up to you what you return here to put in the header.
// When you stop at this break point, look what is being passed in.
// And follow what happens to anything you return;
}
}
}
}
Actually, that's too deep and takes over the entire cell.
Try this:
modes : {
week : {
allDayEvents : {
dayCellRenderer(info) {
return '<div>Dayname</div><div>Date</div>';
}
}
}
},
See https://www.bryntum.com/docs/calendar/#Calendar/widget/mixin/DayCellRenderer#config-dayCellRenderer for what is in the passed info object.
That doc should be made a bit clearer. I'll fix it.
If I use this in my calendar.material.css located in calendar-1.0.1-trial/build, it works.
.b-dayview-allday-row {
display: none;
flex-flow: row nowrap; }
but inserting this code in the css of specific screen that uses the calendar don't work, I can't use this class in calendar.material.css because I'll use calendar with this date in topbar too, but in another screen