Help forum
- 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 ! - how do I pass on multiple values when using a custom event?
needtheanswers
5 5 months ago
I have a component with an input field . On input I trigger the event that passes on the data . I would like to pass on the value of the input and the index . If I pass on either the input value or the index I don ´t have a problem accessing the data but how can I pass on multiple values ? Thanks a lot - Is there a way to narrow the scope of the possible values that a component's attribute can take?
Belal
3 5 months ago
When setting a component 's attribute from outside the component , I noticed that users are allowed to freely input any value they wish even though some attributes should be limited to only a few possible values . For example , while any truthy and falsy value can become a boolean in Javascript , in many cases , an attribute of type "boolean " should be limited to only two values : true and false (or "yes " and "no " - or some other set of two possible values ) . Similarly , if an attribute was responsible for specifying the component 's "layout " , there are likely only a handful of values that this attribute should take . Additionally , there are cases when the set of possible values for an attribute are determined by some external file 's contents (e .g . the contents of a Rive file dictate what artboards , state machines , and inputs are present in the Rive animation , and many of its configuration options like "autoplay " , "fit " , and "alignment " only take a handful of values ) . Is there any way to limit a particular attribute 's value to a small set of possible values and then the user only needs to select it via a dropdown or a toggle ? Thanks . - unable to find file to import
mesmoiron
5 5 months ago
Sorry , I don 't get it . When I use the import page function ; it works sometimes and mostly not . So , I copy and paste a lot of the information , but I still don 't know why it refuses and in which circumstances . - Draggable element - When to use event formula, normal formula or a workflow?
mesmoiron
5 5 months ago
Hello , I am working on making elements move /drag over the canvas with the example of W3Schools https://www.w3schools.com/howto/howto_js_draggable.asp I tried to rewrite the code into event actions and then create a workflow . This didn 't work out , mostly because I don 't quite have the intuitive feeling when to use actions , formula and workflows and script tag . I have moved the code into the script tag section . It works finally ; - ) . But I am still puzzled about it . Can I move the code from the script into an onload event ? The bigger question behind my questions is : how to think in a Toddle way when rewriting code . Maybe we can have a new awesome video about that ? Please 😺 - Error during authentication
RehLifeMonkey
8 5 months ago
Hello everyone , As a newbie to Toddle , I 'm in the process of building my first small but nice app with Toddle . As backend I use a self -hosted version of directus (11 .1 .0 ) . During user authentication (login ) to get an access token , I always get an error message “error code : 1003 ” . After some trial and error , I found out that this only occurs with an API call from Toddle . Both mocks with SoapUI or other web apps work without problems . Have any of you ever had this behavior or maybe even know the solution to this problem ? - Scrollbar customization?
billyfrench
✅13 5 months ago
Howdy . I see there 's a CSS editor , and it seems to respect scrollbar -width , but that 's about the only property I 've been able to change . Is webkit supported somewhere / somehow ? Thanks ! - Refactoring custom calendar / date time picker
Alfred
43 5 months ago
Hi , I ’m in the process of refactoring our custom date -time picker to make it more robust and improve support for time picking and better range handling . Our current picker is based on an early community -shared datepicker , which heavily relies on timestamps . While this works natively in Toddle , it 's become extremely complex and somewhat fragile . I ’ve been considering different approaches for the new version , but I ’m still undecided . Should I rework how we handle timestamps , or rely more on the built -in Date object methods with custom actions and functions ? Or is there another solution I might be overlooking ? Our main goal is to support both date and time picking while keeping the component as Toddle -native as possible . Has anyone had good experiences , solutions , or learnings with building similar date pickers or calendars ? - Publish to custom domain
Vizualinx
50 5 months ago
I have already connected my custom domain but it still using the toddle .site as the main domain . how can i make my custom domain as the main domain ? - Custom domain still pending!
Vizualinx
✅17 5 months ago
i have already created the CNAME records over 1 .5 hours ago and it is still saying 'Pending ' . Any idea what can be the issue ? - Get width of element
Patrick Mast
1 5 months ago
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 6 months ago
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 6 months ago
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 6 months ago
How do I add a custom font so that I can select it globally ? - Call API for each item in an array?
Neville
20 6 months ago
I need to call an API for each item in an array . I understand the Toddle way is to use to iterate over the array , but I can 't quite figure out how to do it . I need to upload a list of images to Xano . I want to do this for each image individually so I can show the user how many images have been uploaded and how many remain . (And also because I can 't figure out how to upload multiple images to Xano in a single API call . ) Here 's what I (think ) I know : - The images live in an array populated from a file input . - Each API call is a POST - I obviously need to wrap each image in an object in the body of the post The attached image shows what I is the right approach , but I 'm not even sure if this is the right approach . Am I heading in the right direction ? Thanks !
