The animated screen transitions enable different screen animations when Sapelli moves from one screen to another. To enable animations, you can add the screenTransition attribute in the Form element:

In the example above, a horizontal transition is enabled. So, whenever a user clicks any of the icons, the current screen will slide to the left and the next screen will enter from the right. If the user clicks the back button, an opposite right to left animation will take place. The following video demonstrates the horizontal transition:


Similarly, Sapelli supports vertical transitions which lead to up to down and down to up animations. To enable this, just add the screenTransition=”vertical” to the Form element: