525
Views
8
Comments
Solved
[FullCalendar Reactive] Events Source List won't display in Full Calendar Reactive.
fullcalendar-reactive
Reactive icon
Forge asset by Mediaweb
Application Type
Reactive

Hi community, I am having difficulty implementing FullCalendar Reactive under web blocks. 

I've been searching in the community if someone has this problem and how they solve it but I failed.
I tried using Event List but still not enough.

First Picture: The EventSource List contains a list from GetFlight Aggregate


Second Picture: The EventSource List is not displaying in Calendar

FullCalendarReactiveSample.oml
2021-03-18 21-03-15
Benjith Sam
 
MVP
Solution

Hi Mobarak,

Apology for the late reply. I tried to access the full calendar demo application with the exact implementation for the mentioned case, but somehow it is also not working; sorry, I couldn't figure out the reason.

I got it solved by using the AddEvent Client action, instead of appending the Aggregate result-set to a local List variable (of EventSource type) and referencing the same in the FullCalendar widget.

See this demo screen: FullCalendar | Airline Schedule

Refer to the attached .oml file


I hope this helps you!


Kind regards,

Benjith Sam

RWALabFCDemo.oml
2020-05-05 19-30-34
José Mendes

Hi Benjith


I had the same issue as Mobarak and your solution works perfectly! Thank you so much.

2021-03-18 21-03-15
Benjith Sam
 
MVP

You're most welcome, José

I'm glad it helped you :)


Kind regards,

Benjith Sam

UserImage.jpg
Prabinraj TP

sir, i want to add events in to the calendar .how to do that?

UserImage.jpg
Bo Menick

Hi Mobarak,

Try loading your data in a local variable before loading the calendar widget.

For example: Add a local boolean variable called IsDataLoaded (Default: False). Add an If-Statement and put the FullCalendar widget in the if-statement so the widget only loads when the boolean is true. After fetching all your data. Change the IsDataLoaded boolean to true. And it should do the job.

The downside of this way is that if you want to refetch your data. You need to reload the FullCalendar widget. If not, the new events will not be loaded in your calendar and you're stuck with your old initial data.

UPDATE:

You could also create REST calls. REST calls is in my opinion the best way to show your data. It gives the option to refetch your data without refreshing the whole calendar. Only the events part of the calendar. You'll be able to refetch your events using RefetchEvents action and you can load your data in the FullCalendar widget using the NewEventSourceUrl function (Can be used in expressions).

Hope this helps a bit more.

Regards,

Bo

2024-06-01 07-14-16
Vaishali Thakur

@Benjith Sam hello sir can you plz help me when i logout my value show in calender as a p but again i logout again show p and there is repet when im logout same day ? i want my value show one time in a day or date there is any solucation im using full reactive calender in my project i will share my calender image


image_2022_07_28T08_11_47_909Z.png
2021-03-18 21-03-15
Benjith Sam
 
MVP

Hi Vaishali,

I'm not able to reproduce your scenario. Is the calendar events label get updated with p (along with green background) after the user logout? Or is it a custom implementation?

Can you share the exact implementation in a sample oml?


Kind regards,

Benjith Sam

UserImage.jpg
vimal jose


for the first time when i enter into the calendar screen its not displaying the event in the calendrer. when i refresh the page the calendar displays the event what might be the issue in this case can u help me in this. i need exact design i have customized the Reactive full calendar deprecated one which has the exact design . since im using this calendar in mobile application .facing this issue in both PWA and Mobile 

I have tried using Add event client action which is not the deprecated  action in that too im facing this issue. In Add event client action which is not deprecated but i can't change the background color  which i have screen shot 

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.