Wonderful Whiteboard - Visual Collaboration

👋 Welcome


Hello folks, Welcome to the "Wonderful Whiteboard - Visual Collaboration" documentation! We are happy to publish our new Bubble plugin! 🥳 In this document, we explain what Wonderful Whiteboard - Visual Collaboration is, its features, how the actions work, and how you can use this plugin efficiently. Please feel free to contact us if you have any questions about our templates and plugins. ✌
LinkedIn: @RapidDev

✒ Introduction


Boost your creativity! 🙌
Be on the same page with your team through Wonderful Whiteboard.
● Changes you make are broadcasted to other participants within a few seconds. ● Create as many boards as you need. ● Share with anyone! Invite your teammates or friends to your boards to share ideas.

🧩 Features


Events


  • Ready
    • The event will call when the board has been loaded.
  • Error
    • The event will call when any error occurred.
  • User Joined
    • The event will raise when any other participant joins the board.
  • User Left
    • The event will raise when any other participant leaves the board.
  • Mouse Leave from Whiteboard
    • The event will raise when the current user's mouse cursor leaving the whiteboard.
  • Mouse Enter to Whiteboard
    • The event will raise when the current user's mouse cursor hovering the whiteboard.

States


  • Error message
    • The error message.
  • Current User ID
    • The current user’s ID.
  • Joined User ID
    • User’s ID who joined.
  • Joined User Display Name
    • User’s display name who joined.
  • Left User ID
    • User’s ID name who left.
  • Left User Display Name
    • User’s display name who left.
  • Board Image
    • The board’s current image. You need to run “Get Image” action to use this state.
  • Board Name
    • The board’s current name.

Actions


  • Draw Image to center
    • Upload images on the whiteboard.
  • Draw Image w/ Position
    • Upload images on the whiteboard.
  • Get Image
    • Get the image of board.
  • Get User Id
    • Get the current user of the board.
  • Zoom In
    • Zooms the board in by one step.
  • Zoom Out
    • Zooms the board out by one step.
  • Reset Zoom
    • Zooms the board to 100%.
  • Undo
    • Does undo of the previous own operation.
  • Fit To Screen
    • Repositions zoom level and pan position so that the entire content on the board is visible.
  • Notification
    • Shows a notification on the whiteboard.
  • Full Screen
    • Fullscreen the whiteboard.
  • Get Board Name
    • Get the board's name.
  • Reinitialize
    • Reinitialize board.

API Calls


  • Save File
    • Save the board’s image to your database.
  • Get All Boards
    • Get your all boards’ information.
  • Get Board Details
    • Get a specific board’s information with the board’s ID.
  • Delete A Board
    • Delete a board with the board’s ID.
💡
Tip: Find out more on how to work with a template on Bubble here:

VAPI AI Call Assistant Integration

Check out a new feature that is powered by the VAPI AI Platform.
It allows your application to have a completely customizable voice assistant that will answer any customer’s questions within the framework of the set prompt.
💵
Please note that this is a paid plugin, so to use it, you need to subscribe or buy it. As for the traffic, you only pay for the minutes you use. Check the pricing details here: https://docs.vapi.ai/pricing
🛠
Call Assistant Setup: See the documentation on how to set up the Enhanced VAPI AI Call Assistant in the Bubble App.
If you don't need this feature within your app, feel free to remove it.
In this case, remove the:
  • reusable element “AI Assistant” from the index page and reusable elements
  • remove the following step in the workflow:
Image without caption
  • Remove the Enhanced VAPI Call Assistant plugin from the plugin tab.
Image without caption