Aisol Class Schedule

Aisol Class Schedule lays a week out the way a timetable should read: days across the top, time slots down the side, and each class sitting over exactly the slots it occupies.

Aisol Class Schedule lays a week out the way a timetable should read: days across the top, time slots down the side, and each class sitting over exactly the slots it occupies. Classes come from property controls or a CMS collection - title, day, start and end, room, teacher, level and an optional link. Nothing outside the component is read or written. - The grid is a real : days are column headers, times are row headers, so a screen reader announces "Wednesday, 4:00 PM, Vocabulary Drill" instead of a wall of boxes. - Narrow screens get per-day lists instead of a squeezed grid - no sideways scrolling on a phone. The switch is pure CSS, so canvas and live site agree. - Two classes at the same time share one block; a third and beyond collapse into a +N. - Leave a colour empty and the component picks a stable one from the level and teacher. - Today's column can be highlighted and the current time slot tinted, both resolved in the time zone you choose. Rows the component cannot place stay visible: an unreadable time goes under "Needs a time", and a class outside the shown days or hours goes under "Outside these days and hours". Not a booking system and not an event feed - for dated one-off events use Aisol Event List. This one is for the repeating weekly pattern: classes, lessons, office hours, studio slots. Part of the Aisol Course Site Kit - Curriculum accordion, tuition plan table, event list, hotspots and the free FAQ Fold for $19 instead of $31: https://payhip.com/b/W2hRH More components at Aisol Studio - https://www.framer.com/@ulz-song/

Weekly timetable, days by hours