# Custom Calendar Layout in Glide

**URL:** <https://community.glideapps.com/t/custom-calendar-layout-in-glide/80067>\
**Category:** Ask for Help\
**Created:** [February 15, 2025, 6:42am UTC](https://community.glideapps.com/t/custom-calendar-layout-in-glide/80067 "2025-02-15T06:42:56Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![DamienJ](https://avatars.discourse-cdn.com/v4/letter/d/d6d6ee/32.png) [@DamienJ](https://community.glideapps.com/u/DamienJ)\
**Post date:** [February 15, 2025, 6:42am UTC](https://community.glideapps.com/t/custom-calendar-layout-in-glide/80067/1 "2025-02-15T06:42:56Z")

</div>

**Good morning, all !**

I am a property manager.  
I’m developing a Glide app, and I’d like to know if it’s possible to display a **custom calendar layout** with a specific design.

I’ve attached 3 images showing the type of layout I want to achieve.

 ![WhatsApp Image 2025-02-15 at 07.38.50_0eaea176](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/1/910e5316ee4dfe110d28a672317a82d7eed1d102.jpeg)  
 ![WhatsApp Image 2025-02-15 at 07.38.50_6e8a8161](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/2/92d4cda255ce2a7ab99decc9c1de4b4093afbfd6.jpeg)  
 ![WhatsApp Image 2025-02-15 at 07.38.50_e12ee0a7](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/4/54eca4b99450d9ddcf08224241ce1a042bb5daf2.jpeg)

Looking forward for any kind of help. Thank you.

---

<div class="post-metadata">

**Author:** ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)\
**Post date:** [February 15, 2025, 12:07pm UTC](https://community.glideapps.com/t/custom-calendar-layout-in-glide/80067/2 "2025-02-15T12:07:04Z")

</div>

@Robert_Petitto king of calendar, I know there is no layout like that, but have you ever CSS something like that?

---

<div class="post-metadata">

**Author:** ![DamienJ](https://avatars.discourse-cdn.com/v4/letter/d/d6d6ee/32.png) [@DamienJ](https://community.glideapps.com/u/DamienJ)\
**Post date:** [February 15, 2025, 4:07pm UTC](https://community.glideapps.com/t/custom-calendar-layout-in-glide/80067/3 "2025-02-15T16:07:56Z")

</div>

Thank you, Robert, oh that is the direction to achieve that, I’ll try that way.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [February 16, 2025, 1:15am UTC](https://community.glideapps.com/t/custom-calendar-layout-in-glide/80067/4 "2025-02-16T01:15:52Z")

</div>

There are 3 ways to approach this:

- Use AI component, and feed JSON data of multiple rows to it. This doesn’t guarantee success, and you might find yourself stuck in a never-ending loop of wrestling with AI to get it to work and look like you want. But when it works, it’s magic.

- Feed your data to a JavaScript column and try to put out a HTML string that makes things look like you want. This limits interacting with the calendar, say if you want to open the details view of an event, since you’re actually showing data from multiple rows, but the “click” event can’t reference them separately.

- CSS on top of the current calendar component. I think it’s too complex and this should be your last resort.