Table
Discover how Bubble.io's Table feature empowers solopreneurs to create powerful no code SaaS applications, enabling effortless data organization and display for enhanced user experiences without writing a single line of code.
Bubble.io Table Element Pagination with Numbers
In this Bubble tutorial we expand upon our last video tutorial explaining how to add pagination to the Bubble table element. This Bubble tutorial demonstrates how to add a number for the current page and total number of pages.
Build your own nocode CRM with Bubble.io - Part 3
Welcome to the next part of our Bubble tutorial series where I'm showing you how you can build a no-code CRM in Bubble.
Gap between repeating group rows
In this Bubble.io tutorial video we demonstrate the correct way to add uniform gap between rows in a repeating group you are using as a table element when building your no-code app with Bubble.io.
How To Edit Table Data With A Popup In Bubble
In this Bubble.io tutorial video we demonstrate how to use a Popup to edit data in a repeating group. We show how to create a Popup and the Workflow needed to display the Popup pre-populated with any existing data.
How to add navigate a table with the arrow keys (Up Down Enter)
In this Bubble tutorial video we demonstrate how to use the arrow keys to navigate a table in Bubble.
How to use keyboard shortcut navigation with a table in Bubble
In this Bubble.io tutorial we demonstrate how to nagivate up and down a table using the up and down arrows on a keyboard. This Bubble tutorial shows how to use custom states to track the selected row of a repeating group and change this selection with the arrow keys. The plugin used is Air Keyboard Shortcut by Zeroqode.
Explore more of our no code tutorials
Discover more Bubble tutorials
Start building your No Code SaaS with Bubble.io & Planet No Code
Debugging the Responsive engine & Privacy Rules in Bubble
In this video I help one of our members restructure a page using the Bubble new responsive engine and debug why a piece of text isn't showing up. Spoilers: the Bubble privacy rules need updating.
Bubble pirate translator with OpenAI
In this Bubble.io tutorial we demonstrate how to use the OpenAI API with Bubble for no-code AI text generation using the slightly silly example of a English to Pirate text translator. We show up to succesfully make an API request to OpenAI using the Bubble API Connector and show the returned text on a page using Custom States.
How to set color hex code opacity in Bubble.io
In this Bubble tutorial video we share a quick color opacity trick at that came up in a Bubble Coaching call. Learn how you can make your hex code colors semi-transparent in this video.
ChatGPT and OpenAI Real Time Streaming Plugin Demo
In this Bubble.io tutorial we demonstrate how to create a Pie Chart in Bubble using ApexCharts by Thimo.
Build Your Own No Code Feedback Widget in Bubble.io – Fast & Easy!
Learn how to build a professional custom feedback widget in your Bubble.io no-code web application! In this step-by-step tutorial, discover how to create an interactive feedback system that captures screenshots, sends data to Slack, and provides a seamless user experience. You'll master essential techniques like implementing floating elements, adding custom CSS, and integrating third-party plugins to create a powerful feedback mechanism.
Bubble Errors - Send yourself an email
In this Bubble tutorial we demonstrate how you can hide the ugly browser alert errors from your Bubble app users and send yourself an email with the error code instead.