Plugins

Hey there, Tadabase Users! Tim from Tadabase here, and today I'm thrilled to introduce you to an amazing new feature called Tadabase plugins!

Tadabase plugins are bite-sized pieces of code that can be easily installed into your application with just a few clicks. This powerful feature brings you the benefits of no-code installation and low-code customization, allowing you to completely transform how your app looks, feels, and functions by adding these plugins to any page.

So, what makes these plugins so useful? Well, the possibilities are virtually endless! Whether you want to embed an external widget, enhance your user interface, improve the user experience, or make general utility improvements, Tadabase plugins have got you covered.

Let's take a closer look at how it all works. To access the plugins, simply go to the page builder and select any of your application pages. You'll notice a new button in the upper right-hand corner called "plugins." Clicking on it will reveal all the available plugins for that specific page.

By default, any non-compatible plugins will be hidden, meaning they require a compatible component on your page to work. However, if you uncheck the "hide non-compatible plugins" option, you can explore all available plugins. You can search for plugins, filter them by category, or find plugins based on the component they are used for.

For example, let's say you want to add a Calendly link to allow users to book meetings. You can easily install the Calendly plugin, which will prompt you to choose the component you want to install the plugin for, along with some extra settings for Calendly. Once installed, you'll have a fully functional Calendly widget inside your app. And the best part is, you can still customize it with low-code adjustments by modifying the CSS, JavaScript, or HTML code associated with the plugin.

Here's another exciting example of how Tadabase plugins can supercharge your app. Imagine you're working on a project management application, and you have three specific changes in mind. First, you want to display a progress bar to track task progress based on a specific field. Second, you want users to add task notes using voice recordings. And third, you want to convert attachments into audio players.

With Tadabase plugins, this is a breeze! Simply search for the desired plugins, install them, and choose the components and fields you want to apply them to. In just under a minute, your app is transformed, and you can see the progress bar, record voice notes, and listen to audio attachments.

Tadabase plugins empower you to make these customizations without the need for complex coding skills. It's all about no-code installation with the option for low-code customization. You get to take control of how your app looks, feels, and behaves, all without the hassle of starting from scratch.

We're beyond excited to bring you Tadabase plugins, and we can't wait for you to try them out. And guess what? In the future, we'll open up the plugins for the community, so you can build and share your own amazing plugins with the entire Tadabase community!

Thanks for joining us today, and we hope you're as thrilled as we are about Tadabase plugins. Go ahead, give them a try, and see your app transform into something extraordinary. Until next time, take care, and happy building with Tadabase!

Transcript Summary

Introduction

Hey everybody, it's Tim from Tadabase here, and today we're shining a spotlight on Tadabase plugins. Tadabase plugins are bite-sized pieces of code that we can install into an application with just a few clicks.

Power of No-Code and Low-Code

With the power of no-code installation and low-code customization, we can massively change how our application looks, feels, and acts by installing these plugins on any page inside your app. Whether you're looking to embed an external widget, make user interface changes, improve user experience, or just make some general utility improvements, the possibilities of Tadabase plugins are endless. Let’s take a look at a couple of examples.

Example: Embedding a Calendly Widget

I'm inside a sales application and want to give my users the ability to book a meeting using my Calendly link. Before I dive into installing the plugin, I’ll show you where to find plugins, how to use them, and what options you’ll see on this new page.

When you're inside the Page Builder and have selected any of your application pages, you'll see a new button in the upper right corner called "Plugins." Clicking it will open up all available plugins for that particular page. By default, any non-compatible plugins are hidden, meaning you don't have a compatible component for those plugins. If you uncheck the "Hide Non-Compatible Plugins," you'll see the full list. You can search for plugins, filter by category, or filter by component.

For Calendly, it's an embed widget, so I'll filter by that. Once I select the Calendly plugin, I can install it, choose the component, paste my meeting URL, and adjust the widget width and height. After installation, I can preview the page and now have a fully functioning Calendly widget in my app.

Low-Code Customization

As I mentioned earlier, Tadabase also provides the power of low-code customization. If you go back to the Builder and check the JavaScript tab, you’ll see exactly what was installed. All plugins are essentially a combination of CSS, JavaScript, and maybe some HTML that you can customize. For example, if I want to change the height of the widget from 680 pixels to 880 pixels, I can find the relevant line of code and adjust it. Just like that, the plugin is modified with a quick low-code change.

Additional Plugin Examples

Next, let’s look at a project management application. There are three changes I want to make:

1. Display a progress bar at the top of the page showing the progress of a task based on the progress field.
2. Allow users to add task notes in the form of a voice recording.
3. Display the saved voice recordings as audio players instead of attachment links.

All of this can be achieved with Tadabase plugins, and I’ll make all three changes in under a minute.

Step 1: Adding a Progress Bar

I’ll search for the progress bar plugin, install it, choose the component, and select the progress field.

Step 2: Converting an Attachments Field to a Voice Recorder

Next, I’ll convert the attachments field into a voice recorder by selecting the form where the attachments field exists. I’ll choose the field, and now the plugin is installed.

Step 3: Displaying Attachments as an Audio Player

Finally, I’ll convert the attachments field from a download link to an audio player by selecting the table component where the attachment field is displayed. Once I choose the field, the plugin is installed.

Result

After refreshing the live app, we have:

1. A progress bar at the top of the page showing the task's progress based on the field's value.
2. A voice recording option to add task notes.
3. The ability to play voice recordings directly from the task notes section as an audio player.

Conclusion

That’s Tadabase plugins—no-code installation with low-code customization. These small code snippets can drastically change how your app looks, feels, and behaves. We're excited for you to try Tadabase plugins, and in the future, we'll open up plugins for the community so other Tadabase builders can build and design their own plugins.

Thanks so much for watching, and we'll see you next time. Take care!