Help forum
- Get width of element
Patrick Mast
1 3 months ago
21 Sept 2024, 13:33
I have this global function : function elementWidth (args, ctx) {
const element = document.getElementById(args.element);
const elementWidth = Math.round(parseFloat(window.getComputedStyle(element).width));
return elementWidth;
}How can I convert it to a Toddle formula ? I want the function to be encapsulated within the component , making it easily portable between projects without the need to remember to add a separate global function . Or . . Is it also possible to add this function inside a "Script " tag in the component ? - Create QR Codes with editable URLs + download + save to database
needtheanswers
24 4 months ago
15 Sept 2024, 15:15
Hi everyone , what would be the best approach to do this in Toddle ? I ´m trying to build a QR code generator . The user enters a URL (https / /www .hello .com ) and the QR Code get created . The created qr code should then be uploaded to my database (xano ) and the user should be able to download the image of the QR code . Also the URL should be editable so the user can change the URL to https / /www .hi .com or whatever without changing the QR code . A user can create only 1 QR code but the URL can be edited any time (imagine that the QR code already got printed and you just need to change the URL because you found a typo but you don ´t want a new QR code because then you would have to reprint everything . . ) . I ´ve tried asking ChatGPT and Claude , watched a few youtube videos but I couldn ´t get this to work . Also using a third party solution is not an option . I would appreciate any help 🙏 - is toddle good for blog and main website? (SEO orieted)
unicodes
8 4 months ago
11 Sept 2024, 20:42
I have learned a lot over the past month using Toddle , and it has been fantastic . I have never tried using Toddle for blogs or main website pages . How does a Toddle website / pages rank ? Thank you ! - Custom fonts globally
shiva
6 4 months ago
7 Sept 2024, 13:04
How do I add a custom font so that I can select it globally ? - Why can't a variable formula select variables as inputs?
unicodes
4 4 months ago
7 Sept 2024, 06:14
For example a P tag can select as input variables , but a variable formula can 't . - Data Not Loading on Branch Link Despite Working in Editor
Joce Nunes
✅19 4 months ago
2 Sept 2024, 07:50
I 'm facing an unexpected issue . In the development environment , in the editor , all the data is displayed correctly (as shown in the video ) . However , when I open the branch link , the data is not loading . At first , I thought it might be an error with the APIs , but I checked , and they are working correctly in the editor . Additionally , there are no errors in the Xano log . https://ooo.mmhmm.app/watch/z_W7G1dtaoGA4dwUIRRZ0b I 've also noticed that no events are being triggered —clicking buttons , inputs , and other interactions aren 't working at all . I 'm not sure how to resolve this . Could you help me figure out what might be happening ? Thank you ! - Help with setting up magic link sign-up (Supabase)
Tom Ireland
19 4 months ago
1 Sept 2024, 10:35
Hey , toddle community . I 'm currently working on setting up magic link auth via Supabase using the API but struggling to set the session cookies . Obviously , until you use the magic link , you 're not authenticated , so I need a way of setting the session cookie before I redirect the user to the homepage . The URL contains the access token , so am I retrieving it from there ? I have the hacky auth check in a component on the homepage to ensure that if the user is not authenticated then they 're redirected to the login page but I 'm not sure when (and the best way ) to grab the access token . When using email and password , you 're setting it as soon as you do the login API call but that 's not the case for magic link . - Record Audio / Video
Flo@Vilosia
8 4 months ago
31 Aug 2024, 11:01
The AI sent me over so I give it a try in here 🙂 Is it possible to access the browser built -in getUserMedia api to record audio / video from within toddle ? I 've seen the custom -actions https://toddle.dev/docs/custom-actions documentation but I 'm not sure if this is the right path to go , or if there are any higher level concepts that provide this functionality ? best Flo - Can't read locally uploaded file in custom action
Tom Ireland
41 4 months ago
29 Aug 2024, 12:58
Over lunch , I 'm trying to get my app to read a locally uploaded file to display a preview prior to upload to the server , so I understand I need to use the FileReader API via a custom action . I can get event.target.files[0] via onchange event on my input (type is file and accepts jpg and png ) and store that into a variable but when passing it as an argument in my custom action , I 'm getting the following error : Error in Custom Action TypeError: Failed to execute 'readAsDataURL' on 'FileReader': parameter 1 is not of type 'Blob'. I don 't see where I 'm going wrong because if I log my variable to console before I pass it to my custom action , I can see the files data . Here is the custom action : function fileReader(file) {
const reader = new FileReader();
reader.readAsDataURL(file);
}Any pointers ? Let me know if you want the branch (and component URL ) for a wee peek . - My app is laggy when I'm logged in
Armand
✅13 4 months ago
29 Aug 2024, 06:22
My app uses Supabase for auth and database . And the moment I log into it on the frontend it just becomes laggy , particularly on the input fields . When not logged in , it behaves normally . I am not loading a lot of data , 1 row from Table A and about 50ish rows from Table B , no images in either table 's column and less than 50kb in total . As far as I can tell from the Network tab in the inspector , there are no unnecessary calls to the API . I only see them pop -up when they should , so I don 't think I inadvertently created some call API loop . The above behavior (laggy when logged in , normal when not logged in ) is the same across different devices and browsers : 1 . MacOS (Safari /Firefox ) 2 . iOS (Safari ) The fact that it occurs when logged in indicates that it has something to do with Supabase or how I 've its API set up , but I can 't find it . Does anyone have any idea of where I should look to find the cause ? - Large Number of Items - API
TCG.Store
42 4 months ago
26 Aug 2024, 01:48
Hi team , Any way for me to fetch a specific number of results and lazy load the rest as a user scrolls ? or should i upgrade my plan ? The API returns over 22 ,000 + products for a tool i 'm building . I upgrade to scale up plan , but still having issues . - How are you gating pages?
Chris Laupama
6 4 months ago
21 Aug 2024, 09:21
Let 's say I have a login , signup and home page . I want the home page to be gated ( require a logged in user to see it ) Are you creating an "On load " lifecycle event ? ( if so , how are you doing this ? I keep getting stuck on a switch statement ) Or are you making an API call and having the success do nothing , or maybe just store something and have the error flow use the "Go to URL " action ? Thinking of the best way to do it , but interestingly I just can 't get my head around getting the "On load " even working as I 'm checking the session cookie and that doesn 't seem to be working . . . - Xano Session Logout
shihanms
👍15 4 months ago
20 Aug 2024, 18:32
I 'm using xano authentication and store the session cookie when logging in . After setting cookie redirect to the dashboard . In dashboard I have a button for logout . When clicking it I need to clear the session cookie and hence redirect back to the login screen . - Login component export
Marko
11 4 months ago
19 Aug 2024, 08:01
Hi there ! I ’ve created a component for logging users in using a standard email and password form , with Supabase as my backend auth . It works great in toddle , but when I export the component script and place it on my Webflow website , it doesn ’t seem to work ; error messages from the console below . I ’m aiming to create my own solution instead of using Memberstack or Outseta so I can have more freedom in how users log in and interact with their profile data . All the authenticated components will be made in toddle . The website is already built in Webflow , and the client is keen to stay with it . - reading cookie value from API response and setting cookie in toddle.
chromonav
3 5 months ago
3 Aug 2024, 10:43
use -case brief : calling api /api /method /login with username and password . i recieve 201 response with empty body but cookie is set . Because of CORS restrictions i need to use toddle to proxy . How can i read the cookie and set it in the toddle site .
