- Видео 15
- Просмотров 28 031
Eli Beachy
Добавлен 25 июн 2009
I make intermediate to advanced tutorials on building custom webapps with Bubble
Xano Connector - Filter and sort like a PRO in Xano! (PART 1)
In this video, I demonstrate how to use the Xano Connector plugin to easily query data in Xano and ignore empty parameters. I walk through setting up searches, filtering, and pagination in the Xano database. I also explain the importance of normalizing data and demonstrate how to handle null values. Watch this video to learn how to streamline your Bubble to Xano integration and optimize your backend operations.
Просмотров: 468
Видео
Use evals in Xano to return values like user's full name without storing it in your database.
Просмотров 2999 месяцев назад
In this video, I demonstrate a method to simplify data concatenation in Bubble. By using the eval function in Xano, we can concatenate the first name and last name of customers and return it as a single parameter called "name". This eliminates the need to manage the concatenation process on the front end and allows for easy customization of the displayed name. Watch the video to learn how to im...
Xano Connector - How to solve the error 'Undefined is not iterable'
Просмотров 434Год назад
Hey, what's up, Bubblers? In this video, I'll explain the "undefined is not iterable" error that occurs with the Xano connector in Bubble. This error is persistent and confusing for many users, but I have the solution for it. I'll show you what the error means, how it happens, and how to fix it. By the end of this video, you'll have a clear understanding of the error and be able to resolve it i...
Introduction to the 1T Dropdown plugin for Bubble
Просмотров 779Год назад
In this video, I'm going to show you how to set up 1T Dropdown plugin for Bubble, a plugin that allows you toe asily integrate powerful search functionality into your dropdowns. Allow your users to find their desired options quickly, even in long lists. Whether it's selecting a location, picking a category, or choosing from an extensive list of options, 1T Dropdowns makes searching effortless a...
Building a simple todo app in Bubble using Xano as the backend
Просмотров 3,5 тыс.Год назад
Learn the basics of working with a separate backend as you watch Eli build a simple todo app using Bubble as the frontend and Xano as the backend.
Bubble - CSV Creator - How to avoid timeouts by building your JSON using backend workflows.
Просмотров 2,9 тыс.2 года назад
The 1T - CSV Creator plugin for the Bubble is the most powerful way to provide data exports for your users. However, an error that comes up frequently is it timing out when trying to export too much data. In this video Eli walks you through how to setup a download data type and build your JSON by iterating through your data in smaller chunks rather than processing it all at once.
Getting started with the Xano Connector plugin for Bubble
Просмотров 7 тыс.2 года назад
As the no code world expands rapidly, Xano and Bubble are leading the way with platforms that enable non technical folks to build software products and make a meaningful difference in the world. In this video, we cover the basic steps to getting started with the Xano Connector plugin to learn how to easily extend your Bubble app with the powerful functionality of a Xano backend. Learn more abou...
Store custom data in Bubble's server logs
Просмотров 5042 года назад
Ever wanted to store some data, maybe an error or simply the state of a workflow, but don't want to manage it in the database? In this 6 minute video, Eli will walk through how to store that information in Bubble's server logs so you can retrieve it directly from the Logs tab in your editor.
Bubble Plugins - Part 2: Building a dropdown element
Просмотров 1,4 тыс.2 года назад
In this video we walk step by step through creating a plugin element. From loading a javascript library, adding a unique html id, creating our own element, and processing the data from Bubble, we spend this hour going deep into the hows and whys of the plugin building process. 0:00 Recap of what we are building 2:30 What is a Javascript library? 3:35 The headers input and what it does 6:05 Inst...
Bubble Plugins - Part 1: Building a dropdown element
Просмотров 2,7 тыс.2 года назад
In this video you will learn all about the plugin editor and how to plan your plugin details as we walk through the steps of building a custom dropdown element. 0:00 What we are building 2:23 Create a new plugin 3:21 The 'General' tab 4:57 The 'Shared' tab 6:13 The 'API Calls' tab 6:43 The 'Elements' and 'Actions' tabs 7:00 Defining events and actions 7:45 Creating the element 11:31 Understandi...
Bubble - How to create a horizontally scrolling table
Просмотров 2,9 тыс.2 года назад
In this tutorial, Eli walks through how to set up a horizontally scrolling repeating group with scrolling columns headers as well. Works perfectly across all screen size. 0:00 Demo of what we will be building 1:28 Defining the structure of what we are creating 12:41 Setting up the CSS 17:05 Reviewing the element structure 18:06 Building the table element 25:55 Pro Tip: Creating a frozen header ...
Xano - Automatically display database changes in Bubble
Просмотров 1,6 тыс.2 года назад
We'll go through one method of simulating real time data updates in Bubble when using Xano as your database. 0:00 Demoing the problem statement 1:11 Intro to the solution 1:31 Creating the update functionality 3:05 Recap of what we setup 4:12 Demoing final setup
Bubble - How to make your GroupFocus match the width of a specific element
Просмотров 1,8 тыс.2 года назад
Ever been frustrated by the inability to make your focus group have different widths based on some conditional logic like page with or the width of the trigger element? In this video I'll walk you through each step of making your focus group match the width of any specific element using a little bit of CSS and Bubble's native width state they expose on each element 0:00 A bit of rambling 1:25 T...
Bubble Creating a masonry grid with your repeating group
Просмотров 1,2 тыс.2 года назад
Learn how to use a little bit of CSS code to transform your normal repeating group grid into a beautiful masonry grid! 0:00 What is a masonry grid? 2:20 Setting up the repeating group 7:01 Adding a gap between each cell 7:24 High level description of how it works 9:10 Adding the code
@elibeachy what is the frames plugin you are using? Specifically with the pre-built page layouts Great video and fantastic integration, I love Bubble but hate the database. You've solved my big worry, thank you
Hi Eli! Thanks for another good Video here on you tube. Can you please tell me what Plugin you use to get the beautiful design elements you used her? I mean the extension of the UI Builder. I can see the BUILDER area and the Visual Elements, Containers and Form Inputs... That seems to be a huge timesaver... Thanks for a short answer to that. Kai
Hey Kai! I'm using www.madewithframes.com for that widget.
Sos una maquina, thank you!
You're good at teaching. You helped me so much, I really appreciate it =D
I'm struggling to make a drop-down menu that changes color when the status of a task is selected: like "Stopped" it turns red, "Delivered" turns green and "In Progress" the drop-down menu turns orange. I've even tried css but there's more missing😢
This is just what I was looking for, your videos are perfect for migrating bubble DB to Xano 👏🏽
I did exactly as you did, but the first time I got the error “missing param: field_value”. Then I thought that the parameters in the plugin and the parameters in my API endpoint might be different, so I made them the same as in your video (this shouldn't change anything) and then I tried again and I got the error “Unable to locate request”. I really can't find out why. I would appreciate it if you help or if someone who sees this can help me, because I really want to use this plugin 😅
Hi Eli. Can You make an actualized tutorial XANO - BUBBLE for Inventory App ? Thanks from Argentina
100% for this video
Thank you Eli!!
Great video! So per my usecase, I want to let the users download the CSV with a single click. They click Download > this backend workflow runs > the file autodownloads on user's device How to achieve this? I am using 1T - CSV Creator plugin for JSON to CSV. What action should I do? And in which workflow - the 'download button' workflow or the backend workflow that we just learnt to create in this video? Can someone pls clarify this :)
On your download button action, you should be calling the backend workflow API shown in the video, then after it finishes (i.e. once the "List of sales:count is 0"); then you should pass the JSON value created in the field "Final JSON" to your "Create CSV from JSON" action in your frontend workflow. Hope this helps !
helpful
Thank you again this is great! As a developer this is where I have been wanting to get!
Dude! Wow! This is the best explanation of how to make a plugin I have ever seen. Thank you, Thank you! You are my hero!
This is a useful tutorial, Eli. Thanks for posting.
i need help seting auth token for users using sso all calls are unauthorized can you please help
Thanks, this is really helpful.
lol still relatable!
Cool, thanks a ton Eli!
thank you for so usefull JSON explatantion! Before, I used to avoid JSON, but with your video, I quickly and easily implemented it into my project, and now I understand how it all works. Thanks! 🙏
Amazing video. You helped me so much and saved me a lot of time!
Hi Eli, loving this dropdown.. would it be possible to add in the option for the background colour? and the dropdown background colour? or pointing out where I would add the css for this? Thanks!!
Amazing. Great video, superb explanation.
Hello Eli , I'm impressed with the work you've done with Bubble's Xano Connector plugin. I wanted to know what to do if I have multiple API groups in Xano?
You can set the API group directly on any of the Xano elements on the page and the calls made from that element will go to the specified group.
@@EliBeachy I've always created several groups of Xano APIs to make maintenance easier. With the plugin I can only access one group. It would be useful if I could add several groups or do it dynamically.
Hi Eli, thanks for this very cool bubble Plugin. I am using it already and feel fine about it. One big question: I can only use Xano with an bubble API Call for displaying data in a chart element. Am I right that the Xano Connector does not support this? I can't select the Xano-Query-Element as a source for the chart… Thanks for helping me out. Regards from Germany Kai
Hey Eli! Where did you get this signup/login UI template?
Good afternoon. Excellent resources!!! Is this app free? I am from Brazil
Boa tarde. Excelentes recursos!!! Esse aplicativo é gratuito?
hahaha 😂
is it possible to do POST with this?
You'll be remembered as one of the greatest
Hey Eli, thanks for developing this great plugin 🙏🏼 Question: I have a simple XanoQuery which gives me all related messages for a chat. Each message has several fields. One of those fields is a list of table references of which I get a file url and a file name which I put as an addon to the response. Now when I do run & debug I do get the response that I want (which includes a nested object). However, if I manually input that response in the bubble api connector, the XanoQuery element is not able to parse the data. When I go into the bubble inspector I do see all the data inside the raw json body of the XanoQuery Element though but I dont get it as "Data" that I can work with. I have the same issue with other queries when my desired response contains objects. Has anyone had this experience too and knows a solution to this?
Hi again! I am having some problem with multiple calls from bubble to xano with the new "load data" parameter. It seems like it do 1-3 calls each time the parameter is set to "yes", even though it is just active for about a second. Is there any advice on i.e. conditionally manage this?
Excellent video as usual. I have already started integrating Xano into my app with the Xano connector. Can't wait to see what awesome tricks you have up your sleeves. Great content!
Just get to the point next time buddy, but thanks.
Yes sir, ok 😂
“We couldn’t process this: undefined”
This is really great video. However I can’t find how i can get Xano user's Name or other Information. I've added the inputs (Name and Last Name) in SignUp form. But in my Xano database I have only email and password. Pleaese if someone could help me.
Hey not sure if you fixed this issue but I had the same problem. When you create your user database fields use "name_last" and "name_first" (just like in the video), this is a requirement. Also do not forget to change these under your Auth API (auth/me and auth/signup). I was using "firstname" and "lastname" and it did not work. Hope this works for you; it did for me.
@@lebohangephraimmahlabe4349 thanks but it didn't work for me. So I did it in classic way without xano connector plugin
Awesome! This was super helpful. Thanks Eli.
Muy bueno, thanks
Eli!! This is a BIG game changer. I've been setting this up manually, so you've just saved me soooo much time!
Great content. I suggest a new video with the last version of xano connector.
Haha nice
Eli -- unbelievably useful video & explanation. Question: I successful get everything inside the view window, but the scroll function only works if the content in the view window is aligned left (i.e. won't work if aligned right). Any ideas? Thanks again man; really love the way you explain not just the execution, but the CONCEPTs so concisely.
I tried the PATCH method, but it does not seem to be working as well as the POST method. I aim to edit a record, not create one, so how can I do that? Currently I am getting an error "Unable to locate request"
Super nice, thanks a lot! :)
Great content, great help for noobs such as me :) , I would be interested in a demo for some POST queries , and also a demo of your frame plugin. Great job again
Muito obrigado!! Seu trabalho é maravilhoso 🙏🏻🙏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻
Thanks for sharing this is very helpful, literally pulled me out of a rabbit hole.
Hi, and thanks for this awesome tutorial and plugin! A real game changer imo! I have tried to read up on xano, but can't seem to get a full understanding on how to handle "privacy" in the xano end (like privacy in Bubble). Is there a way to generally define privacy in xano like in Bubble? Best regards, Endre
i also have this question... in the video he shows that it is possible to ask for an user authentication. i believe that this would be needed for each api call that has a field that should be private. would appreciate to have a feeling of how much faster a marketplace app would be by implementing xano (eg. airbnb type)...
@@galdx_ That is correct! Authenticate the api, and have additional conditions where needed in the flow. Xano through the browser (with the Xano plugin) is superfast and Xano is also fast to work with when you get some Practice. I use reusable elements with custom flows in Bubble to trigger the calls, so when you do a good pre-job, building in Bubble frontend is almost as fast as «usual». But it takes some time to get the overview. As a test I made 20000 tings in a Xano table and the server hit 29% capacity over a period of 1 minute (looping/recursive).
Amazing video as always! the Xano Connector plugin makes this whole process so much easier to deal with