web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

Welcome to the Power Platform Communities
News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Pages / Displaying the calenda...
Power Pages
Suggested Answer

Displaying the calendar on Power Pages

(1) ShareShare
ReportReport
Posted on by GC-27031514-0 3
When I select the calendar view for a list on Power Pages and configure it, the calendar displays correctly.
But the problem is with the display of events on the calendar.
I have an event from the 14th to the 17th, and the calendar displays this:
 
 
However, I was expecting this on a single line, as in the Power Apps calendar:
 
 
Does anyone have any idea why the calendar does not display on Power Pages in a single strip like it does on Power Apps? It displays as if there were several events, even though it is a single event lasting several days.
Categories:
Power Apps portals
I have the same question (0)
  • Suggested answer
    oliver.rodrigues Profile Picture
    oliver.rodrigues 9,425 Most Valuable Professional on at
    Hi, unfortunately there is no configuration to achieve that
     
    You would have to use probably a bit of JS to change the behaviour
  • Suggested answer
    Suriyanarayanan V Profile Picture
    Suriyanarayanan V 201 on at

    The behaviour you’re seeing is expected. The Power Pages Calendar view does not support multi‑day events being rendered as a single continuous bar, unlike the model‑driven Power Apps calendar control.

    Why this happens

    Power Pages uses a simplified FullCalendar implementation that treats each day of a multi‑day event as an individual “all‑day event block.”
    So instead of drawing one long strip from the 14th to the 17th, it renders:

    • 14th → one block

    • 15th → one block

    • 16th → one block

    • 17th → one block

    This is why you see the event repeated on each day rather than stretched across the week.

    Power Apps vs Power Pages

    • Power Apps (model‑driven) uses a richer calendar control that supports continuous multi‑day bars.

    • Power Pages currently uses a lighter version that does not support this visual behaviour.

    So even though the underlying data is correct, the UI is limited.

    Can this be changed?

    Not with out‑of‑the‑box configuration.
    There is no setting in Power Pages Studio or Portal Management to change how multi‑day events are rendered.

    What are the options?

    If you need the continuous bar experience, you would need to:

    Option A — Build a custom calendar using FullCalendar.js

    • Add a custom web template

    • Load FullCalendar

    • Bind it to Dataverse via Web API

    • Render events with display: 'block' or eventDisplay: 'auto'

    This gives full control and supports multi‑day strips.

    Option B — Use a model‑driven app calendar instead

    If your scenario allows embedding or linking to the model‑driven calendar, that control does support the behaviour you want.

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

News and Announcements

Welcome to the Power Platform Communities

Quick Links

Introducing the 2026 Season 1 community Super Users

Congratulations to our 2026 Super Users!

Kudos to our 2025 Community Spotlight Honorees

Congratulations to our 2025 community superstars!

Congratulations to the February Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Pages

#1
Hammed Profile Picture

Hammed 22

#2
Lucas001 Profile Picture

Lucas001 21 Super User 2026 Season 1

#3
DP_Prabh Profile Picture

DP_Prabh 19

Last 30 days Overall leaderboard

Featured topics

Solution to LinkedIn Authentication in Power Apps Portals
Welcome to the Power Pages forum!

Product updates

Microsoft Power Platform Community release plans