Transform and Translate Elements

Details

This Plugin allows you to transform and translate Elements in your app within a workflow. The following Actions are included:- Translate X
- Translate Y
- Translate X/Y
- Scale
- Rotate
- Skew X
- Skew Y
- Change Opacity
This Plugin can be used to create your own animations and make your app more interactive.
*Please Note: All Transform/Translate Actions are always relative to the original position/size of the element are therefore only run once. For Example a rotation action with an angle of 30 degrees will rotate the original element by 30 degrees clockwise. Running this action will not rotate the element by a further 30 degrees. To get the element to the original rotation angle you would have to run an action with a rotation angle of 360.

For a demo of this Plugin please visit:https://transformationsandtransitions.bubbleapps.io/

Categories

Containers, Media, Technical

Types

Background Services, Action

Links

Service Link:

https://www.rapidevelopers.com

Instructions

After installing this Plugin head to Settings->General and Enable the option to add ID attributes to HTML Elements. Choose an element within your editor that should be transformed/translated and give it an unique Element ID within the Element Inspector. You can now trigger one of the various actions within a workflow. You will have to specify the Element ID of the element that should be targeted as well as some other paramaters according to the action which is used (see documentation within Workflow)

‍