Premium support for our pure JavaScript UI components


Post by LiaH »

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?


Post by marcio »

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.

Best regards,
Márcio


Post by LiaH »

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',
                },
            },
        },
    },

Post by marcio »

Hey,

That configuration looks correct, so sounds like a bug. I created a ticket to investigate that https://github.com/bryntum/support/issues/6932

Best regards,
Márcio


Post by LiaH »

Thank you so much!


Post Reply