Sync Adaptive Forms with AEM Project
Create theme
To get started a theme called BankingApplication was created in a folder called BankingApplication. It is recommended you create your theme in a folder called BankingApplication
Create Adaptive Forms
Create two folders called(FormTemplates and BankingApplication).Feel free to add any number of xdp templates to the FormTemplates folder and create atleast one form in the BankingApplication folder using the BankingApplication theme.
To sync these assets into your AEM project using IntelliJ and Repo tool, please watch the following video
Transcript
So far, we have installed IntelliJ, we have installed Sigmund, we have configured IntelliJ to use the repo tools that will allow us to sync assets from AEM instance into our AEM project. We have installed a Cloud-ready version of AEM forms on our local system. The next thing we need to do is to create some forms in our AEM instance and sync the assets created in the AEM forms instance into our AEM project. So as you can see, this is my AEM project which is opened in IntelliJ, and this AEM project has various other projects here. For example, there鈥檚 a core project, there鈥檚 a UI apps, there鈥檚 a config UI content. Then I鈥檝e launched Sigmund here. Sigmund is launched and I have also started the AEM Cloud-ready instance on my local system here. So in this instance, I鈥檝e created a theme under a folder called Banking Application. I鈥檝e also created some adaptive forms under forms and documents in two folders called Form Templates is a folder which has some XDP templates and the Banking Application folder has two adaptive forms. Now, we need to sync these assets into our AEM project which is open in IntelliJ using the repo tool. So to do that, let鈥檚 go back to our IntelliJ and open up the project. The project is already opened. Open the UI content project and go into the source, and under JCR root, under content, under dam, you need to create this folder structure here. So this is nothing but a directory. So you can create a directory by clicking on this folder here and click New to create a new directory here. So I have created a new directory called Forms and Documents, and under that, you just have to create two more folders, one called Banking Application and one folder called Form Templates, because in our forms instance, we have two folders, one called Banking Application and Form Templates. So you need to mimic that structure here. Similar thing for the themes, you need to create a folder called Forms and Documents-Themes, and under that, you need to create a folder called Banking Application. That is because we have created a folder called Banking Application under themes and that Banking Application has our theme. You would also have to create a structure similar to this called Forms AF Banking Application and then these two folders here. And then when you sync the assets from your AEM system into this project, the appropriate assets such as forms and themes would be placed into these folders. So to sync those, all you need to do is to, let鈥檚 say, click on the Banking Application and go to the repo here and click on Get Command. That would fetch all the assets which are residing in that particular folder in your AEM instance and sync them into your AEM project. So this way, you can sync the various assets such as your themes, your form data model, your forms, your templates, whatever you may have created in your AEM instance with your AEM project. The next thing we need to do is to modify the filter.xml so that the appropriate assets are included in the package when that package is being built. So to modify the filter.xml, you go to the meta inf folder here and under what, there鈥檚 a filter.xml and here you need to specify the folders that you want to include within your package when that is created. So for example, if I want to include everything under Content Banking Application, I would put that filter root here. If I want to include everything under Content DAM Banking Application, I would select that or Content DAM Forms and Documents, that teams, I would select that. And also make sure the mode is set to replace. That is very important so that when you build this project and deploy it onto your AEM Forms Cloud Service instance, it will simply replace what assets are there with these assets which you will build from this particular project. So in the next video, we will see how to push these assets to your local Git repository. And from there, how to push the project to the Cloud Managers Git repository and then deploy them onto your AEM Forms Cloud Service instance.
4859a77c-7971-4ac9-8f5c-4260823c6f69