Forum Documentation Showcase Pricing Learn more

AirDev Canvas Pages: Add fully-responsive chat and comments widgets to your pages


#1

Hi Bubblers,

After a successful launch of AirDev Canvas Pages a few weeks ago, we’re excited to share more of our assets with all of you.

Today, we’re releasing three fully-responsive widgets that we use here at AirDev every day. These widgets will come with all associated workflows so you do not need to worry about how to set them up.

Chat widget - View multiple threads and message each user individually

This chat widget comes in two formats:

  1. Stretch–to-fit iMessage format

  2. Slack format

You can select the format you want by going into the chat-messages reusable element and hiding/unhiding Group M-Slack or Group M-iMessage

Comments widget - Simple comments widget for group discussions

Nested comments widget - Includes advanced features such as liking a comment and replying to a comment thread

They are all available at AirDev Canvas - Once you’ve signed up for an account > go ahead and create a copy of our Canvas App for free > create pages for that app

Thank you again for all your support!

Stephanie
AirDev


AirDev Canvas App v1.3
Slideable Dashboard Menu
#2

Hi Bubblers,

We’ve just released a 2 column form inputs group for AirDev Canvas Pages. This group is fully-responsive on mobile and is ideal for any app that would need a simple form to collect data.

Desktop view:

Mobile view:
29%20PM

Enjoy!

Stephanie
AirDev


#3

Thanks guys for sharing this, great help for the community.


#4

Hi Bubblers,

We’ve received a lot of great feedback on the chat widget. As a result, we’ve updated the style and format of the chat bubbles:

  • Added a gradient to the chat bubbles
  • Changed “from-me” font color to white
  • Added more line spacing
  • Removed the caret (shape element) and added more roundness to the chat bubble

Enjoy!

Desktop view:

Mobile view:

How to get this chat module:

  1. Go to the Bubble Template Marketplace and download our free Canvas: App Foundation template
  2. Sign up for an account at AirDev Canvas
  3. Go to your Bubble dashboard and click on NEW APP
  4. When prompted, enter the name of your app and select “Canvas: App Foundation” from the template dropdown
  5. To add custom modules to your app with Canvas Pages, go to the Bubble Editor > Settings Tab > Collaboration Tab > and add dev@airdev.co as a collaborator to your app.
  6. Return to AirDev Canvas and you will see that your app has been registered with AirDev Canvas. You can view all of your registered apps under “MY APPS” tab. From there you can click into an app and customize your app color or add modules / pages to your app.

0241d0f4f88ad8977cdaa5d8127d8d6e492d8935_1_690x358

ca592d97575f7f00946cc5092f1cb96e9d31e48a_1_611x499

Enjoy!

Best,
Stephanie
AirDev


#5

Hi @stephanie,

Is there anyway of getting this chat feature onto my app without using the canva template? Please let me know cheers.


#6

Hi @accommole ,

I would recommend getting the chat widget with our free Canvas Template first because the chat widget will use database objects and styles from Canvas. After adding it to an app built with Canvas, you can move it to another app but would need to update the style and database references.

Hope this helps!

Best,
Stephanie
AirDev


#7

how would we update the style in our own apps using your widget? this looks fantastic by the way