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 - iOS Style Notifications

PreviousBubble - iOS Style SpinnerNextBubble - Dynamic Page Title

Last updated 5 years ago

Overview

This Plugin allows you to add iOS Styled notifications,alerts,modals and action sheets to your app. Current features include:

  • iOS Modal

  • Action Sheet

  • Toast Message

  • Loading Popup

The Notifications are in the same style as the standard native iOS notifications. You can use this Plugin to build a mobile optimised/native application by using effects/UI features with which users are familiar.

For a demo of this Plugin please visit:

Instructions

After installing the Plugin you have access to two Elements and two actions:

iOS Modal: This is the classic iOS Notification. Simply drag the iOS Modal element onto your page. You can now trigger a new notification within a workflow. Within the workflow you can also specify the title, content and the labels of the modal. Furthermore, after the user clicks on one of the modal buttons, an event is triggered. When the user clicks on the left button the event "Button A has been clicked" will be triggered and when the user clicks on the right button the event "Button B has been clicked" is triggered. You can specify what should happen after these events are triggered.

Action Sheet: This triggers an action sheet from the bottom of your app with a title and 3 options for the user to choose from. Simply drag the Action Sheet Element onto your page. You can now trigger the Action Sheet within your workflows. Within the workflow you can also specify the title of the action sheet as well as the labels of the three different buttons/actions. Similar to the iOS Modal, events will be triggered according to which button is clicked. The top button will trigger Event A, the middle button will trigger Event B and the lower button will trigger Event C.

Toast Message: This will display a simple message to the user. You can trigger this action within a workflow under the Plugins submenu. Simply specify the message that should be displayed as well as the duration of the animation in milliseconds.

Loading Popup: This will display an iOS styled popup with a loading text.You can trigger this action within a workflow under the Plugins submenu. Simply specify the duration of the animation in milliseconds.

https://iosnotification.bubbleapps.io/