Prevent Right Click

Demo to preview the plugin:

Introduction

This is a simple plugin that allows you to prevent users from right-clicking any element within your Bubble app. This might be useful if you want to prevent users from downloading a video from your page, opening an image in a new tab etc.
Image without caption

How to setup

  1. Enable ID Attributes
    1. 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”.
      App Settings → General Tab.
      App Settings → General Tab.
  1. Add the “Button Effects” element to your page
      • Drag the "Prevent Right Click" element onto your Bubble page. Enter a unique text ID into the Element ID field.
        • Element → Prevent Right Click.
          Element → Prevent Right Click.
      • Apply the same unique text ID to the element where the effect should be applied within the element inspector (at the bottom).
        • Element → Group → ID Attribute.
          Element → Group → ID Attribute.

Plugin Element Properties

Prevent Right Click

Element properties → Prevent Right Click.
Element properties → Prevent Right Click.
Fields:
Title
Description
Type
Element ID
Enter the element id of the element for which right click should be prevented.
Text
Image without caption

Changelogs