🔗 Link to the plugin page: https://zeroqode.com/plugin/device-force-rotation-plugin-for-bubble-1728516003635x305625047699834100

Demo to preview the plugin:

🔗

Live Demo: https://zeroqode-demo-35.bubbleapps.io/device_force_rotation

🔗

Bubble Editor: https://bubble.io/page?id=zeroqode-demo-35&test_plugin=1578859619702x716325042519801900_current&tab=tabs-1&name=device_force_rotation&type=page&version=live

Introduction

This plugin enforces a specific orientation (either Landscape or Portrait) on mobile devices, ensuring optimal viewing and user experience. It also provides users with the ability to customize the alert message displayed when the orientation requirement is not met, allowing for tailored communication and guidance.

💡

Please test the plugin in mobile mode or on a mobile device. Notebooks have only landscape mode.

How to setup

Install the “Device Force Rotation” plugin.

Place one of the elements “Force Portrait” or “Force Landscape” on the page.

Give your Bubble element an ID attribute according to the set element on the page - “forcePortrait” or “forceLandscape”.

💡

If you don't see the ID attribute option at the bottom of your bubble element properties, make sure you've enabled the HTML ID settings in the bubble app.

Enable HTML ID setting:

Go to App “Settings”

Open the “General” Tab and scroll all the way down to “Advanced Options”

Check the box for → 'Expose the option to add an ID attribute to HTML elements'

Plugin Element “Force Portrait”

Setting this element on the page ensures that the Bubble element with ID forcePortrait is always visible in landscape mode and hidden in portrait mode, prompting users to switch to landscape for better viewing.

💡

Please set the ID of the Bubble element to forcePortrait to ensure it displays correctly when the device is in landscape mode.

Plugin Element “Force Landscape”

Setting this element on the page ensures that the Bubble element with ID forceLandscape is always visible in portrait mode and hidden in landscape mode, prompting users to switch to portrait for better viewing.

💡

Please set the ID of the Bubble element to forceLandscape to ensure it displays correctly when the device is in portrait mode.

Changelogs

Update 10.10.24 - Version 1.1.0

Acquired by Zeroqode.

Update 05.10.24 - Version 1.0.3

Minor improvements.

Update 04.02.20 - Version 1.0.2

allow visibility options.

Update 21.10.19 - Version 1.0.1

Update informations on plugin.

Update 20.10.19 - Version 1.0.0

Initial Release - Market.

Update 20.10.19 - Version 0.0.1

Initial Release for Testing.

Device Force Rotation