Welcome to Tech Makers! We're here to empower app developers and entrepreneurs with Bubble.io, the no-code platform that brings your ideas to life.
Our tutorials cover a wide range of exciting features and functionalities that you can build using Bubble.io. From creating user registration systems and dynamic search functionality to designing social media feeds and building e-commerce stores, we've got you covered. We'll also show you how to develop booking and reservation systems, implement notifications, create customizable dashboards, integrate APIs, and even add gamification elements to your apps.
Join our community, ask questions, and grow together. Hit subscribe and let's make your app dreams a reality!
its a cool way for a signup but i missed the Popup oder Message that the signup was complete or correct and that the Account has been created but elswise nice video
Thanks a lot ! It means with the second method that if we forgot to make visible only for users, it will be corrected after without modifying everything 😊
Hello great video man, how can I give workfload to this calendar? I mean I want to press a day an creat an appointment on that day with date an time, can you give me a tip for that. Thanks for the video thought.
Hi, i used this to make a scrolling one line calendar which works great thank you. I just have one question, i wondered if it was possible to set it so that the first date shown is todays date? I have tried a few different things but cannot seen to get it to work. Thanks in advance :)
Thanks but I’ve done this tutorial a few times and the actual calendar is blank. The month is changing just fine but the number days are blank. Do you know what I did wrong?
Thanks for sharing the code for a weekly format below. Could I please ask, what would the calculations be when jumping to a date? E.g. in place of the [extract year]-[extract year]*12+[extract month]-[extract month]*-1
Hi @beccireid5498 I can't promise but I will try to make a video. But here is the code: function getDaysInWeek(e,t){var a=new Date(e,0,1);a.setDate(a.getDate()+7*(t-1));var D=a.getDay();for(s=0;s<D;s++)a.setDate(a.getDate()-1);for(var n=new Date(a),r=[],g=[],s=0;s<7;s++)r.push(n.getDate()),g.push(new Date(+n)),n.setDate(n.getDate()+1);return g} getDaysInWeek(Current date/time:extract year,Current date/time:extract week + Main Calendar week's weekOffest); And you just need to set the repeating group to 1 row, 7 columns, and follow the other steps.
Thanks so much@@techmakersnocode! Could I please ask, what would the calculations be when jumping to a date? E.g. in place of the [extract year]-[extract year]*12+[extract month]-[extract month]*-1
00:04 Filtering data in Bubble 01:20 Use isolator input to choose a range of ages instead of using a dropdown or input for a specific age. 02:49 Filtering repeating groups in Bubble using text grouping 04:45 Adding slider inputs to let users choose values 06:21 Filtering Repeating Groups 08:08 Adding constraints to filter repeating groups 10:06 Filtering data in Bubble 11:45 Using filters in an app is a good way to let users choose the deals they want to see.
Great video, thank you. I've followed the steps. Now I want to display events that I have created, where the start date of the event = the parent's group date, and I can't find all of the events for some reasons. have you done a video, on how to display the events created ?
This is really a good one and quite intuitive, just thinking out loud if there are other alternatives to having to make changes on every button, I mean the make changes can be reserved for the last onboarding button step- go to the dashboard, so it captures all the other details and inputs in the steps. this is because of workload units. what do you think?
Here's a new question: I've got the calendar working well and I'm able to save events to it. When there is an event on the date, the day becomes circled. What I'd like to do is then be able to click on that event date and open up a popup that shows a list of all events on that specific day. I've got the popup in place but can't seem to get the repeating group to work properly. Any advice?
You can change the Popup content type to date. Than you can display the current cell date into the popup and do a search for the event where date = Popup date. Let me know if it works.
@@techmakersnocode Thanks for the quick reply. So I've got a bubble page that's set up the same way as your calendar (including names). And then I have a popup that opens up when you click on a date. Easy. The popup's type of content is set to "date" as you suggested, and I was able to get it to display the selected date from the calendar by creating a text box and using "Parent Group's Date" to display it. This works well. BUT I can't get it to display a list of any of the events on that day. I've tried with repeating groups but haven't had any luck. Could I be missing some sort of link between my calendar dataset and the actual calendar? Also, I've set up your calendar so that dates that are not part of the current month are greyed out (a suggestion in the comments below), but it greys out ALL dates that occur outside of August (ie the current month). I'd like to have it set up so that if I go to, say, June, then any dates that are part of May and July are greyed out. And if I skip over to July, then any dates in June and August are greyed out. I feel like this should be simpler than it is but I can't seem to get it done. Do you have any ideas as to how you might achieve this? Thanks again!
For the grey out you need to use the custom state that storage the month "MonthOffSet" so If current cells date extract month is not MonthOffSet change color to grey. Now for the popup try to change the filter to date>=popup date rounded down to day and date<=popup date rounded down to day +day 1. When you save a date it also save the hour so if you try to filter using date=date it only gives you back the one with the same day/hour/minute thats why I always use date> and date<. Thanks for sharing, I'm always willing to help
@@techmakersnocode Man you're good! The adjustment to the constraints worked like a charm. Thanks! I am still getting all numbers greyed out using monthOffset, but I'll play with it some more and see how things go. Thanks again!
We need to create a message data type saving the message and sending in the JSON format { "role": "user", "content": "<message> " } and save in to a conversation data type, but instead of sending just one message we will send the history with all messages including the responses from OpenAI. Than each Conversation can be a different assistent, is very interesting, I built a MVP in just a 30minutes so I will probably create a video for that.
Nice explanation, thanks for sharing! Do you know how it is possible to get the reply from the OpenAI API streamed (like getting a reply to a ChatGPT question) instead of getting the reply when it is completed? I experience that it takes quite some time to get back the full reply and it would be better for the UX to get the reply back streamed. Thanks!
Hey thank you so much @sartorikevin. This is a little bit tricky because for that we need to use the stream parameter at the call, so OpenAI will send us pieces of data as they're created, so we probably need to create a plugin to make the call using Javascript and access the response using the plugin element. I found a directory on github and I'm trying to make it work, but is very complicated. I let you know once I make it work.
Hey, I'm using a copy of that, this was a open source plug-in so alot of people just cloned and added to the marketplace. Just search for PDF at the plug-in search and they all have the same functionalities and they are all free.
You just need to create a new data type called company, then you can add all data to this company type and connect the users to the company, so you can check if the user is connected to the company you send the data.
@@techmakersnocode yeah I tried this but it showed it like, 26,26,26,26,27 instead of 26,27,28,29,30 and so on, is there a way to like skip dates, so you take only result 1,8,15 etc? Haven’t found a way myself
Thanks for the tutorial! Got everything working. I’m wondering if you have an idea of how to add a little indicator on each date that has an event created ?
Hey, what I did is add an group where the day number is in and added an condition: Search for "dates":each item's Datum:formatted as 27/07/23 contains Current cell's date:formatted as 27/07/23, and let it change the background color
Hi, thank you for the video its great. I just have a question, i'd like the first date to always be the current date, are you able to give any pointers as to how i can do this, and i cant seem to figure out how to 'grey' out the dates that aren't in the current month? Thank you
Hey @supremeproperty thanks. You can add a condition to the text that displays the date, " contidion:when this date < current date action: text color = gray " Let me know if it works
I attempted everything step by step but keep getting this error message: "Element Get Days - The plugin Toolbox / element Expression threw the following error: anonymous@PLUGIN_1488796042609x768734193128308700/Toolbox-update--Expression-.js:3:66 [742]" Everything but my repeating group and numbers within it is visible. I just went on the plug-in page and it states that the latest version for Toolbox is ver. "1.1.4 - List Item Expression handle null value". Whatever the heck that means. Can you please help? Thanks.
Please help. I have all the elements and buttons "stick to the left edge" I can not move them with the mouse on the screen. What setting should I turn off or how do I fix this?
You are probably using the new responsive engine, so you are not able to change the position of the elements using the mouse, you need to set the aligment at the layout tab of the element.