Conversation
supportThe last thing I’m struggling with is locating where the List View output is actually generated. Whether I manually switch to List View or the calendar automatically changes to a mobile view, I can’t seem to find the template responsible for rendering it. I understand that I can make styling changes via CSS, but beyond that I haven’t been able to determine how the view itself is constructed. I assumed it would be controlled by one of the List templates, but whether PHP template overrides are enabled or disabled, the output doesn’t appear to change and continues to display as shown in the attached image. Event List Ideally, I’d like to customise the layout so that the month is displayed as a heading, with a date button or date block on the left and the event entries stacked alongside it on the right. I’m happy to build that myself once I understand where this view is being generated and how I can override it. Any guidance would be greatly appreciated. This topic was modified 4 days ago by Adrian .
There really aren’t any templates for modifying the larger structures of the plugin; all of the templates are for either individual event views or for the title field, in various places it is shown. There are a number of different ways that the list view can be customized, but let me get a couple clarifications, first. When you say “date button” on the left, what is that expected to do? Are you looking for something that will show/hide the collection of event entries you want on the right? Where would you want the month heading to appear? The screenshot you shared doesn’t include the existing month heading, which is above the navigation. By default that says “Events in {date}”, but you can edit it to just contain the {date} in the text settings for the Main Calendar view. If #1 is what you’re looking for, then you want to choose the ‘Disclosure widget’ option for the list view at My Calendar > Design > Scripts, then you can do that customization using CSS, e.g. .mc-list-date-wrapper > article { display: grid; grid-template-columns: 30% 1fr; } (That’s just the barest framework for styling, but it does the basics of what you’re describing, although the trigger is the event, rather than the date..) If you *don’t* want them to be hide/show enabled, then you can also go to My Calendar > Settings > Display, and uncheck all of the options under ‘List Options’, then use the same styles except applied to li.mc-events li.mc-events { display: grid; grid-template-columns: 30% 1fr; }
There really aren’t any templates for modifying the larger structures of the plugin; all of the templates are for either individual event views or for the title field, in various places it is shown. There are a number of different ways that the list view can be customized, but let me get a couple clarifications, first. When you say “date button” on the left, what is that expected to do? Are you looking for something that will show/hide the collection of event entries you want on the right? Where would you want the month heading to appear? The screenshot you shared doesn’t include the existing month heading, which is above the navigation. By default that says “Events in {date}”, but you can edit it to just contain the {date} in the text settings for the Main Calendar view. If #1 is what you’re looking for, then you want to choose the ‘Disclosure widget’ option for the list view at My Calendar > Design > Scripts, then you can do that customization using CSS, e.g. .mc-list-date-wrapper > article { display: grid; grid-template-columns: 30% 1fr; } (That’s just the barest framework for styling, but it does the basics of what you’re describing, although the trigger is the event, rather than the date..) If you *don’t* want them to be hide/show enabled, then you can also go to My Calendar > Settings > Display, and uncheck all of the options under ‘List Options’, then use the same styles except applied to li.mc-events li.mc-events { display: grid; grid-template-columns: 30% 1fr; }