Link to the plugin page: https://zeroqode.com/plugin/1526288794550x294926147549659140
Demo to preview the plugin:
Introduction
Use Move and Resize Bubble Elements plugin to move or resize any Bubble element by specifying the number of pixels for movement or resizing, as well as the desired transition speed.
Please note that this may affect the responsive behavior of the elements.
The plugin offers the following features:
1. Move element to the right
2. Move element to the left
3. Move element up
4. Move element down
5. Change element’s width
6. Change element’s height
How to setup
- Enable ID Attributes
Go to the settings page in your editor. Under the General tab click on the checkbox “Expose the option to add an ID attribute to HTML elements”
- Configure an Element
- Add the element you want to move or resize in the Bubble editor.
- Assign a unique ID to this element
- Create a Workflow to Move or Resize an Element
- Go to the Workflow tab.
- Click Add an Event and choose a trigger, such as when a button is clicked.
- Add an action and select Element Move Right.
- Configure the parameters:
- Element ID: Enter the ID of the element to move.
- Distance (px): Set the number of pixels the element should move.
- In the Workflow tab, choose an action like Change Element's Width.
- Configure the parameters:
- Element ID: Enter the ID of the element.
- New Width (px): Define the new width of the element.
Now, you can add workflow actions to modify the element dynamically.
Example: Move an Element to the Right
Example: Resize an Element
Plugin Actions
Element move right
Element move left
Element move up
Element move down
Change element’s width
Change element’s height
