30
Views
7
Comments
How to merge/interface/utilize between two different modules together?
Application Type
Reactive
Service Studio Version
11.54.54 (Build 63219)


Hello! Since most of the features I wanted in my app has been fully functional, there's one last major issue I'm stuck with. I want to add on a reactive calendar into my 'calendar' screen replacing the current components with a new one based on the template (attached file). 


But it's been quite a while since I try to figure out how to do so, and I didn't find the right way. It's honestly very challenging for me since I'm developing this app alone while learning everything about OutSystems by myself, but I kept trying.


So, the major issue:
Do I simply make an exact 'copies' by replicating of all the blocks, client action, aggregates, static entities, structures and other components inside the reactivecalendarv6 template or there's another easier way? And how do I make it so it works as intended based on the mockup I made (Powerpoint Attached)

My current 'calendar' screen:


The calendar screen I wishes to create:

As you can see based on the mockup, my app currently has all of the other 'features'/'screen' completed except for the calendar screen itself. I'm stuck to do so, how may I make it possible?

myLM BACKUP v9.oml
FullCalendarReactive_Lib Template.oml
2023-10-21 19-42-11
Tousif Khan
Champion

Hello 

To use calendar components  simply install the component from forge to your environment

Then Go to your application is service studio and now click on manage dependencies

Now click on FullCalendar_v6 Block since it is a block it is reusable you can use it on multiple screens.

And below there are client actions for this component which are some events for the component.

Once you added the dependencies you are ready to use it.

You don't need to copy paste anything you can use it here directly,

I also suggest you to go through basic Course first so that you will have a good understanding on these.  - go for reactive course .

Also if you install the demo of the Calendar Component you can  see how it works.


I hope this helps
Best Regards
Tousif Khan



UserImage.jpg
Aniq Idris

Should I create a new client action the handler?

2023-10-21 19-42-11
Tousif Khan
Champion

Yes you need to create a new client action

UserImage.jpg
Aniq Idris

I used suggested client action which is 'PickDateLeaveType'

I think it kinda works? It looks like that though, I might need to change some html/css

2023-10-21 19-42-11
Tousif Khan
Champion

You need to work on it, and configure it basis on your requirements,
Additionally here is a sample demo that might help you -
Demo Link - https://rodrigogsilva.outsystemscloud.com/FullCalendarReactive_Demo/FullCalendarDemo

Also there is one more forge which you can have a look  - it has very detailed step by step guide  -
https://www.outsystems.com/forge/component-overview/7696/fullcalendar-reactive-o11 

How to - https://mediaweb-creations.outsystemscloud.com/FullCalendarReactiveDemo/

Thanks

FullCalendar.Reactive.v6-2.0.2_O11 - Demo.oap
UserImage.jpg
Aniq Idris

alright thank you, I'll look further into it. 

2023-10-21 19-42-11
Tousif Khan
Champion

Your Welcome, I am glad I was able to help :)
Thanks

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