Calendar - Responsive
Posted: Tue Jun 06, 2023 6:06 pm
Hello,
Is it possible to hide/show columns in the Calendar List mode with the responsive levels the way it's done for the grid?
Hello,
Is it possible to hide/show columns in the Calendar List mode with the responsive levels the way it's done for the grid?
Hey LiaH,
Yes, it's possible - we have a demo here - https://bryntum.com/products/calendar/examples/listview/
Inside the listview, there is a https://bryntum.com/products/calendar/docs/api/Calendar/widget/EventList#property-columns and that makes possible to hide some of the columns.
Thank you, but how would you hide columns for small screens vs medium or large?
I tried:
modes: {
list: {
range: 'year',
columns: [
{
field: 'name',
text: 'Assignment/Task',
responsiveLevels: {
'*': { hidden: false },
medium: { hidden: false },
small: { hidden: false },
},
},
{
field: 'startDate',
responsiveLevels: {
'*': { hidden: false },
medium: { hidden: true },
small: { hidden: true },
},
},
{
field: 'endDate',
responsiveLevels: {
'*': { hidden: false },
medium: { hidden: true },
small: { hidden: true },
},
},
],
features: {
group: {
field: 'startDate',
},
},
},
},Hey,
That configuration looks correct, so sounds like a bug. I created a ticket to investigate that https://github.com/bryntum/support/issues/6932
Thank you so much!