# Event Calendar: Change layouts dynamically **URL:** \ **Category:** New Feature\ **Tags:** event-calendar\ **Created:** [November 3, 2023, 1:17pm UTC](https://community.elfsight.com/t/event-calendar-change-layouts-dynamically/24461 "2023-11-03T13:17:57Z")\ **Posts on this page:** 12\ **Page:** 1
**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\ **Post date:** [November 3, 2023, 1:17pm UTC](https://community.elfsight.com/t/event-calendar-change-layouts-dynamically/24461/1 "2023-11-03T13:17:57Z")
Guys, we are super excited to announce that now you can change layouts dynamically in our [Event Calendar](https://elfsight.com/event-calendar-widget/) 🚀 Check this post and find all the details about this feature: [How to dynamically change the Event Calendar layout](https://community.elfsight.com/t/how-to-dynamically-change-the-event-calendar-layout/24397) ---
**Author:** ![Tender\_S](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/tender_s/32/8674_2.png) [@Tender\_S](https://community.elfsight.com/u/Tender_S)\ **Post date:** [November 4, 2023, 8:47am UTC](https://community.elfsight.com/t/event-calendar-change-layouts-dynamically/24461/2 "2023-11-04T08:47:37Z")
As far as I understand, it works on different pages of the site. Does it work for the web and mobile versions of the same site and the same page? 🤓 Site A - page 1 _web_ version - layouts 1 Site A - page 1 _mobil_ version - layouts 2 ---
**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\ **Post date:** [November 5, 2023, 9:31am UTC](https://community.elfsight.com/t/event-calendar-change-layouts-dynamically/24461/3 "2023-11-05T09:31:26Z")
Interesting question! I’ll discuss it with our devs and will let you know once I receive any updates 🙂 ---
**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\ **Post date:** [November 6, 2023, 12:56pm UTC](https://community.elfsight.com/t/event-calendar-change-layouts-dynamically/24461/4 "2023-11-06T12:56:47Z")
Thank you for waiting @Tender_S Could you please let me know which layouts you’d like to use for mobile and desktop? ---
**Author:** ![Tender\_S](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/tender_s/32/8674_2.png) [@Tender\_S](https://community.elfsight.com/u/Tender_S)\ **Post date:** [November 6, 2023, 1:11pm UTC](https://community.elfsight.com/t/event-calendar-change-layouts-dynamically/24461/5 "2023-11-06T13:11:52Z")
You know, I think in my situation one could try that: for example, in the mobile version I would use Layout 1 and in the web version I could use Layout 2. Added screens. But Layout 1 is good for mee in mobile and web versions 🙂 And this solution would pleasantly expand the possibilities. It’s not critically in my situation. Mobile ![epuIqpQbf2s](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/2X/d/d825e80aefbc123472fa89643ebe47de4c369f38.jpeg) Web ![d6b1ec2d-d742-4795-9403-20aaf1f9335d](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/2X/2/272cc7f55cec317aac66ffb4fcb5195fd2f0f172.jpeg) ---
**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\ **Post date:** [November 6, 2023, 1:33pm UTC](https://community.elfsight.com/t/event-calendar-change-layouts-dynamically/24461/6 "2023-11-06T13:33:10Z")
If I understood you correctly, you want to use Grid layout for desktop and List layout for mobile. In this case, I am glad to tell you that you don’t need to do anything additionally. Now, if you choose Grid layout for desktop, it automatically transforms into a layout similar to List on mobile (the same as in your screenshot 1). Please let me know if this explains things or if you have any further questions 🙂 ---
**Author:** ![Tender\_S](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/tender_s/32/8674_2.png) [@Tender\_S](https://community.elfsight.com/u/Tender_S)\ **Post date:** [November 6, 2023, 1:40pm UTC](https://community.elfsight.com/t/event-calendar-change-layouts-dynamically/24461/7 "2023-11-06T13:40:24Z")
Ahhh that’s it))) I didn’t know about this. Oh, sorry for the distraction. ---
**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\ **Post date:** [November 6, 2023, 1:41pm UTC](https://community.elfsight.com/t/event-calendar-change-layouts-dynamically/24461/8 "2023-11-06T13:41:23Z")
No sweat! You are always welcome 😉 ---
**Author:** ![Tender\_S](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/tender_s/32/8674_2.png) [@Tender\_S](https://community.elfsight.com/u/Tender_S)\ **Post date:** [November 29, 2023, 4:30pm UTC](https://community.elfsight.com/t/event-calendar-change-layouts-dynamically/24461/9 "2023-11-29T16:30:02Z")
I return to this issue again. You know, I was right after all ))) Look, here are the mobile versions Layout 1 and Layout 2. ![1](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/2X/7/7371a131fee342839f5bce7e5d2bebda3eefa45a.jpeg) ![2](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/2X/f/f98e6a49dcbf595c1259af8b4af1c31a65bbef7b.jpeg) Ideally I would like it to be possible to make: **Web** version with **Layout 2** **Mobile** version with **Layout 1** Do you think is this possible? But I want to note that this question is not very critical. There are other more important ones for this widget. ---
**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\ **Post date:** [November 29, 2023, 4:59pm UTC](https://community.elfsight.com/t/event-calendar-change-layouts-dynamically/24461/10 "2023-11-29T16:59:32Z")
Do I understand correctly that you’d like to use the mobile version for desktop as well? Mobile Grid for desktop: ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/2X/2/2cbdca1af57815dd08b4f2ff8c1ad59d791ab2da.png) and mobile List for mobile: ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/2X/2/273fd3f4679eee1fa507475125e167d51de05838.png) ---
**Author:** ![Tender\_S](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/tender_s/32/8674_2.png) [@Tender\_S](https://community.elfsight.com/u/Tender_S)\ **Post date:** [November 29, 2023, 5:00pm UTC](https://community.elfsight.com/t/event-calendar-change-layouts-dynamically/24461/11 "2023-11-29T17:00:31Z")
Yes! 🙂 ---
**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\ **Post date:** [November 29, 2023, 5:03pm UTC](https://community.elfsight.com/t/event-calendar-change-layouts-dynamically/24461/12 "2023-11-29T17:03:01Z")
Thank you! I’ll talk to our devs and will let you know 🙂