Anticode
  • Welcome to Anticode
  • Templates
    • Bubble - Startup Landing Page
    • Bubble - Directory/Listings Template
    • Bubble - Job Board/Search Template
    • Bubble - Product Sales Funnel Template
    • Bubble - Quiz Creator Template
    • Bubble - Meetup/Events Template
    • Bubble - All-in-one Template
  • Plugins
    • Bubble - Financial Data (Stocks, Forex etc.)
    • Bubble - Words API Plugin
    • Bubble Web Search Plugin
    • Bubble ColorTag API Plugin
    • Bubble - Loading Spinners
    • Bubble - Animations Plugin
    • Bubble - Shaking Animation
    • Bubble - Dot Spinners
    • Bubble - Button Effects on Hover
    • Bubble - Beautiful Spinners Plugin
    • Bubble - Clock Plugin
    • Bubble - Credit Card Validator Plugin
    • Bubble - Detect User Plugin
    • Bubble - Full-Screen Loading Animation Plugin
    • Bubble - Image Zoom on Hover Plugin
    • Bubble - Particles Animation
    • Bubble - Pattern Lock Plugin
    • Bubble - Foldable Elements Plugin
    • Bubble - Modify Favicon
    • Bubble - Elevator Scroll
    • Bubble - Image Zoomer Plugin
    • Bubble - Loading Overlay Plugin
    • Bubble - Detect Inactivity Plugin
    • Bubble - Blur Elements Plugin
    • Bubble - Simple Text to Speech
    • Bubble - Custom Cursor Plugin
    • Bubble - Transform and Translate Elements
    • Bubble - Animated Shapes Plugin
    • Bubble - Simple HTML Audio Player
    • Bubble - Click Bubbles Plugin
    • Bubble - iOS Style Spinner
    • Bubble - iOS Style Notifications
    • Bubble - Dynamic Page Title
    • Bubble - Focus Elements Plugin
    • Bubble- Confetti Animation Plugin
    • Bubble - Simple Loading Spinner
    • Bubble - Share Text Plugin
    • Bubble - Emoji Ratings Plugin
    • Bubble - Prevent Duplicate Windows/Tabs Plugin
    • Bubble - Highlight Text Plugin
    • Bubble - Browser Cookies Plugin
    • Bubble - Percentage Circles Plugin
    • Bubble - Analog Clock Plugin
    • Bubble - Loading Game Plugin
    • Bubble - Image Filters Plugin
    • Bubble - Local Push Notifications Plugin
    • Bubble - Number Counter Plugin
Powered by GitBook
On this page
  • Overview
  • Instructions
  1. Plugins

Bubble - Pattern Lock Plugin

PreviousBubble - Particles AnimationNextBubble - Foldable Elements Plugin

Last updated 5 years ago

Overview

This Plugin enables you to add a classical Pattern Lock to your app similar to the lock screen of an Android Smartphone. You can use the Pattern Lock to add an additional layer of user authentication (such as 2FA) and to increase the user experience on smartphones. The correct code that unlocks the Pattern Lock ist stored as a number, where ich number represents the position of a dot in accordance with a normal phone dial. You can also modify the background colour of the Pattern Lock. You can store the pattern for each user as a number within your database assigned to each user, and then check upon login for this code. For a demo of this Plugin please visit:

Instructions

Drag the "Pattern Lock" Element to your page and place it where you want the pattern lock to appear. Within the element inspector you can define the background color of the pattern lock as well as the code (numerical) that will unlock the Pattern Lock. For example the Code "257" will be a straight line from the middle top to the bottom. If a user enters an incorrect code, the "Incorrect Code" event will be triggered and you can show an alert or a popup for example, informing the user that the code is incorrect. If a correct code is inputted the "Correct Code" event will be triggered and you can redirect the user to a different page, make change to the current user or change the state of an object.

https://patternlock.bubbleapps.io/