Help forum

  • mesmoiron-1291729648262320139

    mesmoiron

    5

    4 months ago

    unable to find file to import
    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.
  • mesmoiron-1291395168678838353

    mesmoiron

    5

    4 months ago

    Draggable element - When to use event formula, normal formula or a workflow?
    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 😺
  • reallifemonkey-1291130476622250034

    RehLifeMonkey

    8

    4 months ago

    Error during authentication
    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?
  • billyfrench.-1291117224710635590

    billyfrench

    1
    3

    4 months ago

    Scrollbar customization?
    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!
  • alfred_66594-1288993186475409429

    Alfred

    43

    4 months ago

    Refactoring custom calendar / date time picker
    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?
  • elli4931-1287852408424104027

    Vizualinx

    50

    4 months ago

    Publish to custom domain
    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?
  • elli4931-1287828119734190191

    Vizualinx

    1
    7

    4 months ago

    Custom domain still pending!
    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?
  • patrickmast-1287044042210676746

    Patrick Mast

    1

    4 months ago

    Get width of element
    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?
  • needtheanswers-1284895471864647802

    needtheanswers

    24

    4 months ago

    Create QR Codes with editable URLs + download + save to database
    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 🙏
  • uunicode-1283528153003724890

    unicodes

    8

    5 months ago

    is toddle good for blog and main website? (SEO orieted)
    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!
  • shiva_46019-1281963332445929483

    shiva

    6

    5 months ago

    Custom fonts globally
    How do I add a custom font so that I can select it globally?
  • neville9288-1281949898060595221

    Neville

    20

    5 months ago

    Call API for each item in an array?
    I need to call an API for each item in an array. I understand the Toddle way is to use Map to iterate over the array, but I can't quite figure out how to do it.

    Context: 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 think is the right approach, but I'm not even sure if this is the right approach.

    Am I heading in the right direction?
    Thanks!
  • uunicode-1281860128294965269

    unicodes

    4

    5 months ago

    Why can't a variable formula select variables as inputs?
    For example a P tag can select as input variables, but a variable formula can't.
  • jocenunes-1280072269208621127

    Joce Nunes

    1
    9

    5 months ago

    Data Not Loading on Branch Link Despite Working in Editor
    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!
  • tomthebigtree-1279751593973121054

    Tom Ireland

    19

    5 months ago

    Help with setting up magic link sign-up (Supabase)
    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.

Stop scrolling. Start building.

toddle is a visual web app builder that rivals custom code — but accessible to your entire team!

Try toddle — it's free!

© Copyright 2024 toddle. All rights reserved.