13
Views
6
Comments
How to do reactive FullCalander  ediatble and use diffrent color code for dates
Application Type
Reactive

Hi Outsystems Experts,


I am trying to implenet the fullcalander2 in reactive but i want make this calander editable where i can rediect into screen where i am booking the slots also in calander how i can diffreantitate the color for future past and current date.

Please help me 

Demo.oml

mvp_badge
MVP
Rank: #89

Hi Soni,

Please find the below solutions against the mentioned queries..

Q1 How i can differentiate the color for future past and current date?

Solution

1) Add a custom class to a container called custom-calendar, which encapsulates the calendar widget 

2) Define the below CSS definition in the respective screen style sheet section

.custom-calendar .fc-day.fc-past {
    background: #bcf5bc;
}

.custom-calendar .fc-day.fc-future {
    background: #ffcccb;
}


Q2: Rediect into screen where i am booking the slots?

Sorry, I didn't understood the question completely, would suggest you to modify the respective event handler flow as per your requirement.


Refer the attached update .oml file

Hope this helps you!


kind Regards,

Benjith Sam

Demo.oml

Rank: #18832

Hi Benjith Sam 

Really i am gald that someone answered on this topic! Thanks so much for your help.i was  stuggling with this compont and i am very new in OS. thanks Again :) 

my one problem you has solved for color code but seocnd question what i had

while clicking on the calander to update the events 's slots  i want to redirect into screen3 from screen4 

steps- 

first screen is screen3 where i am creating the event and screen 4 to view the slots but while clicking on the calander to make as editable in save button i am passing calander as editable but i want o redierct it in screen3 but its shwoing the error while clciking on it please find the screnshort below






Error i am getting for


In table URl has saved like this

please see URl colum not sure weather its correct or not please see the screenshort 



Rank: #18832

Also  i Tried to give hard code URl but stil its not working

"https://soni-rawat.outsystemscloud.com/Demo/Screen3.aspx?CalendarEventId="+CreateCalendarEvent.Id
https://soni-rawat.outsystemscloud.com/Demo/Screen3.aspx?CalendarEventId=70

was trying to check in browser but its not working