Seeking a little bit of inspiration here… I need to create something the same (or similar) to the following in Glide: [roster] The above represents a shift roster for a single worker for an entire month. The colour coding represents different types of shifts (D = Day Shift, N = Night Shift, etc…

This is indeed quite a challenge. You would need at most 31 overlays of the circles, and that’s not taking into account you have to get the Calendar weekdays right for each month as well.

I know the alignment is a bit off, but I’m impressed with the HTML calendar table. This is one of those situations where we’re trying to fit a square calendar peg into a round Glideapp hole. It may be easier to sync your sheet with a third party calendaring service that offers this type of layout …

Progress!! [Screen Shot 2021-01-25 at 11.10.38 PM] Actually, I think this is going to work. I can use the shift codes as the class names. It’s going to be a monster template, but I think it will work…

Would LOVE to see this when you’re done (or even halfway done).

Needs some tidy up, but that’s the back of it broken :grinning: Table template: [Screen Shot 2021-01-26 at 1.44.19 AM] And CSS template: [Screen Shot 2021-01-26 at 1.46.08 AM]

Amazing @Darren_Murphy :star_struck: It would be great if we had some Calendar component, or something like that. Something similar to date picker/calendar screen style but in flat format and not as pop-up

Wow. If the table is hard coded, though, does that mean you have to do that every month every year so you know where the dates fall per weekday?

Unfortunately, yes :weary: I’ll probably write some code to auto-generate the HTML, but I’ll still need to manually map all the replacements for each month. Unless… @Jeff_Hager is pretty handy with dates, maybe he’ll have a better idea :grin:

hehe, you got me playing with this too. I found some stuff here [image] 39 CSS Calendars Collection of free HTML and CSS calendar code examples: simple, responsive, event, etc. Update of June 2018 collection. 4 new items. and I’m playing with this particular one…

Generating & displaying a monthly shift roster

Ask for Help

Darren_Murphy January 25, 2021, 5:47pm 10

Needs some tidy up, but that’s the back of it broken

Table template:

And CSS template:

Customize Calendar

Topic		Replies	Views
Fun with Dates Project Showcase	156	7079	April 19, 2022
Customer to input a date to generate a list relative dates Ask for Help	33	2143	February 23, 2021
Allow Calendar Start on Monday Feature Requests	3	56	May 27, 2026
Booking slot Calendar Ask for Help	27	3379	June 3, 2021
Call for Templates: Group Scheduling/Availability Ask for Help	50	2895	September 18, 2020

Generating & displaying a monthly shift roster

Related topics