Displaying the calendar on Power Pages

(1) Share

Report

Posted on by GC-27031514-0

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)

All responses (2)

Answers (0)

Suggested answer

oliver.rodrigues 9,396 Most Valuable Professional on at

Like (0)

Report
Copy link

Link copied!

Hi, unfortunately there is no configuration to achieve that

You would have to use probably a bit of JS to change the behaviour

Was this reply helpful? Yes No
Suggested answer

Suriyanarayanan V 141 on at

Like (0)

Report
Copy link

Link copied!
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.

Was this reply helpful? Yes No