You can customize the gestures of AEM Forms app to provide a distinct method of interacting with the app. For example, you can add new gestures to open or close a task or Startpoint.
In the AEM Forms app, the left swipe opens up a new task or Startpoint while right swipe does nothing. The following example provides steps to open up a new task or Startpoint on performing the right-swipe gestures in the AEM Forms app.
Open your project.
MWSWindows.slnin Visual Studio.
Navigate to the views folder and open the
task.js file for editing.
The task.js file contains the backbone view associated with each task or Startpoint listed in the task or Startpoint lists.
task.js file, search for the events property of the view.
The events property is a map with each entry in the format:
"EventName Selector": "Function"
EventNameon an HTML element specified by
“tap .taskContentArea” : “onTaskClick”,
“tap .taskOpenArea” : “onTaskClick”,
“tap .task-content” : “onTaskClick”,
“tap .last_empty_div” : “onTaskClick”,
and replace with
“swipe .taskContentArea” : “onTaskClick”,
“swipe .taskOpenArea” : “onTaskClick”,
“swipe .task-content” : “onTaskClick”,
“swipe .last_empty_div” : “onTaskClick”,
Save and close the
Build and run the AEM Forms app. Now you can open a using with left-swipe and right-swipe.
Similarly, you can make changes in other views for various combinations of gestures, HTML elements, and functions.