Help forum
- How do i implement a copy image to clipboard functionality in toddle?
Seun Orofin
9 5 months ago
I am tyring to create a simple app that allows users to copy the image in the preview and paste it into their figma canvas . . How can i achieve this ? - Is there a tutorial on building apps in toddle with coding help from cursor? Thanks
OSBERT
5 5 months ago
Is there a tutorial on building apps in toddle with coding help from cursor ? Thanks - save an email copy on db (looking for solution)
unicodes
0 5 months ago
I 'm looking to save an email copy on db . I created a program in python but isn 't that good (I 'm not mastering python very good ) , and I do not want to open vs code each time to sync , and hosting on a server and repeating it each hour would means to study a few days in doing this (in cPanel ) . If someone passionate of python wants this solution too and want to work on the code I have done since now , I can share the project with . I 'm looking to sync just that present email received or send . Is out there a solution very performant and "open source " to do this ? My code for example it does not ignore the old emails and includes also forwarded emails , and this means that saves lots of duplicates . - API Calls, Keys and Security
Zaj
6 5 months ago
Hello , I 've recently joined the movement 🙂 and been working daily in Toddle but I have a couple of questions : 1 . By default , are the API calls made client -side or server -side in Toddle ? 2 . If the APl I 'm using requires authentication , can I simply use it in Toddle ? Will the authentication be handled server -side or client -side ? If it 's client -side , what 's the best practice for storing the APl key securely ? Is storing it in a cookie the best approach or are there other methods you would recommend ? Thanks for your help ! - Importing floating UI
Alfred
12 5 months ago
I have now tried multiple approaches combining custom functions and event listeners for positioning relative popovers , but I can ’t create a sustainable solution . After struggling with this for a while , I 've decided to give up on creating my own Toddle solution for calculating the relative positioning and switch to using an external JS library to handle the logic . I ’m wondering what the best way to implement libraries like Floating UI ( https://floating-ui.com/ ) would be . Would I need custom actions , or would I need a dedicated component with a <script > tag ? I don ’t have much experience importing external libraries into Toddle , and I have a hard time wrapping my mind around it . - Supabase call issue
GiantGuf
8 5 months ago
Hi , my app suddenly stopped working and after some digging I found that the + character in the phone number have caused it . Is it something in Toddle that have changed ? If I change the + to a %2B it works but I would like the + to work so I do not have to add a replace code to the different API calls I have . - API Call Method being passed as "options"
Funktionalized
11 5 months ago
I have a post request that is using the cloudflare proxy to make a request to a fastapi endpoint . When the proxy sends the request for some reason it is using a method called "options " and it is causing a 405 method not allowed error . I have the API Call setup as a post request in toddle . - repeat item issue (difficult to explain)
unicodes
7 5 months ago
I have a component and I repeat this component based on the data fetched by db . It is a sales tool and fetch companies information . For each repeated component I change the status . leads : - (1 position ) apple : status : "new " - (2 position ) microsoft : status : "new " - (3 position ) tesla . : status : "new " For the second position , I 'm changing the status . The status is included in the component "lead " , the status it self is a component with variables . I 'm editing the status of to the lead Microsoft : - (1 position ) apple : status : "new " - (2 position ) microsoft : status : "Prospect " - (3 position ) tesla . : status : "new " I 'm working on the lead and I 'm not saving it because I want to continue after adding the new lead (i 'm not refreshing the page ) . Now , without refreshing the page I 'm adding a new lead . Leads : - (1 position ) Intel : status "new " - (2 position ) apple : status : "prospect " - (3 position ) microsoft : status : "new " - (4 position ) tesla . : status : "new " Adding the new lead means recalling the API Lead loading . Where is the issue ? The API Lead loading fetch the correct information from the DB : - (1 position ) Intel : status "new " - (2 position ) apple : status : "new " - (3 position ) microsoft : status : "prospect " - (4 position ) tesla . : status : "new " but on the repeated item I have : - (1 position ) Intel : status "new " - (2 position ) apple : status : "prospect " - (3 position ) microsoft : status : "new " - (4 position ) tesla . : status : "new " What is happening is that the variable doesn 't reset the value as it should because was rendered again the component , but stay with the previous value and stay for the position 2 of the rendered items , even if it should go down on position 3 . This is happening because on loading of the component I 'm not reseting the variables values or is more something that it should be seen from toddle side ? - Help on Sleep behaviour
Tom Ireland
7 5 months ago
I 'm trying to debounce text input storage for a specific period of time e .g . 3s (3000ms ) and after that time passes , append an object to an array with the text content . I have an on input event that gets an element by id and the textContent and stores it in a variable . All good . After 3s , I then take that text content , store it in an object and append it to an array . Weirdly , after 3s , it adds an object per character press . For example , if I type "The " , it will append 3 objects to the array after the tick . Is that expected ? If so , how would I only add the one object after 3s . The goal is that I 'm debouncing continuous typing , however when there is a pause , I want to update my array (change buffer /history stack ) so that I can capture all of the continuous typing up until the pause . I can 't use other events like on blur , focus out , etc . , to update the array because I want to remain focused on the current element and continue typing after my pause . - Any tips on how to get this popover to stay on the screen?
Darren
✅14 5 months ago
I have a little pop over box where users can select another color , but if it 's on the edge it goes off the screen . Any tips to make it more dynamic and adjust it 's position if it can 't show fully on the screen ? Here 's a demo : https://guides.darrenalderman.com/recordings/F10mlY8Uzz2hIPR7S0a0 - Variable not being set after get request
Funktionalized
8 5 months ago
I have an API call that fetches data when a form is submitted . However , the response is not being set correctly and is returning null , even though I am setting the variables upon a successful call . I am also using a proxy for this request . Could there be something I 'm doing wrong ? What might be causing the response to return null ? - Question about best practices using tags inside components
Ben H
2 5 months ago
When working inside components , should I use tags like "Main " or "Header " to indicate the main part of a component or the header of a component , even if the component itself may be used outside of a page 's main or header sections ? In other words , should I reserve "Main " and "Header " tags for the root page , or is it best practice to use these tags within components as well to denote hierarchy within components ? - Variable not set in live version?
Neville
✅15 5 months ago
Hello folks , I 'm setting a variable after in an API call on success . This works fine in the dev environment , but does not work in the live version . I 'm displaying the API result data (from which the variable is set ) as well as the variable value on screen . I can see the correct value from the API call and the variable is set correctly in the dev environment , but not in the live version . Has anyone seen similar behaviour ? - Save Spark Drang and Drop via API
RehLifeMonkey
4 5 months ago
Hello everyone , I use directus as a backend and would like to save the order of my drag and drop list . Unfortunately , I keep coming up against limits here : directus only accepts PATCH calls with which you can only change one value for several data sets and I have not yet found out how I can process a list of objects one after the other with an API call in toddle . Have you already found a solution for these problems or do you save your lists completely differently ? I would appreciate a exchange on this ! - Editor-only components/elements
Belal
22 5 months ago
Hi . Is it possible to create editor -only elements or components ? For example , if I were to create a parent component in Toddle containing sub -elements or child -components (e .g . drop downs , buttons , checkboxes , file import dialog , etc ) , which are only meant to configure the settings of the parent component , can I make those editor -only ? Meaning , would I be able to dynamically manipulate those sub -elements / child elements in the Toddle editor to configure the parent component but make them hidden /removed on the live site ? My inspiration comes from the new Rive plugin in Framer which sits on the Framer canvas and can be used to configure the Rive animation , and as it does so , the Rive element ’s properties (in the details panel on the right are modified accordingly ) . This Rive plugin floating window can be seen in the Framer editor but is not seen on the live site . See attached video . Thanks !
