Help forum

Create post

J.ulian
✅1
13

10 months ago

How to retrieve selected value from <select> element?
event.target does not provide any data. Therefore, I should be able on change event to (query)select the element and get the current selected value. Cannot find an easy native solution in Toddle, while I do think this is a common usecase. Have set the array index as value attribute via repeater function. I was unable to set an ID for the <select> element.
ssssadsadasd
7

10 months ago

Set/unset url hash/anchor
how can i set/unset a url hash/anchor without refreshing the page?
Nico
✅1
10

10 months ago

Uploaded Images and URLs
Hey guys, i retrieve image urls from a api and storing them in a array variable. now i upload a new image with the fileupload and i want to append this image to the variable to display it along the other images and send it to a api in the last stept.

how can i do this? the api images are in the form of urls, the fileupload is just data.. in wized i used a complicated workaround using claudinary as a "host" before sending data to airtable.

(In the Image you see the "old" data from the api call, and when you upload new images the need to be apended)
Matthieu B.
4

10 months ago

Make images in grid responsive
Hello Toddle Jeddis
I'm struggling with front-end display of images 🖼️

See my 2 images attached.

1st problem :
When I resize the screen I want the image to be able to shrink (up to a certain point) to continue displaying my 2 columns (images).

In mobile, I should have 1 column (image) stretched wide, and then if I increase the screen size, I should get 2 images that appear shrinked to their min size.

2nd Problem:
I want to have a set height on my image, WITHOUT making the image disproportionated.

How would you, Jedi of toddle, go about those 2 problems, sticking to native toddle as much as you could ?

Thanks a lot

: get similar AI generated images on selfiebooth.ai
mightBeMatt
✅1
11

10 months ago

Issue With json and Supabase signup api call
I am creating a signup page and building the API call to supabase but I keep getting this error on the body part of the call: "Could not parse request body as JSON: json: cannot unmarshal string into Go value of type api.SignupParams" In the body I am trying to pass this format: {"email":"new_email@email.com","password":"new_password"} I have tested this in APIDog and it works. I have also tried removing the quotes, removing the curly brackets, adding quotes around it, etc and I get an error every time. Any thoughts?
mesmoiron
0

10 months ago

Session key in Xano and denied access in Toddle
Hello,

I have implemented the session key in the user table and added it to my api endpoint in the login call. When i test the api endpoint in the backend, it creates a session key; but when I go to the frontend then I can't login because the previous session has not expired.

So, I probably forgot something, because most users have multiple devices and as a consequence have multiple logins and different sessions. How would I solve this in Toddle. I am looking for a not too hard implementation. Or last login implementation in Xano. Any ideas?
Nico
6

10 months ago

Using Airtable for User Login / Auth
Hello guys! i want to switch my plattform user-backend from wized to toddle but i cannot change the database from airtable to something else atm.

My question ist: i have a lot of users in the airtable base with hashed bcrypt passwords.

Can i use these existing passwords for auth in toddle?
Joce Nunes
3

10 months ago

Question about configuring domains on Toddle.dev
I recently updated my logic to support multiple clients in my SaaS. However, when I try to configure the domain for a second client on Toddle, the CNAME is not propagating, and I’m seeing the message shown in the attached image.

My question is: Is it possible to have two different domains configured on Cloudflare for the same application in a single Toddle account? If not, what would be the recommended solution for this scenario?

Thank you
KillerK009
7

10 months ago

How to bind array to drag & drop list to keep variable in sync with displayed list?
Is there an easy way to bind an array variable to a scrollable list in the UI where the array variable updates if the user makes changes to the list?

Basically, trying to create a weight lifting program builder which will have a horizontal scrolling list of days where the user can dynamically add/remove as many days as needed. And then each of those days has a vertically scrolling list of exercises that also can be dynamically added/removed and reordered (see photo for example of similar goal UI).

I'd like it to be possible to drag and drop both the days and exercises between days.

I see the Spark Drag and Drop and starter-pack packages have list components, but I'm not sure if the starter-pack allows drag & drop between different lists (to allow exercises to change days) and the Spark package seems like it would require manually updating the underlying array variable anytime the lists changed which would be kind-of a hassle to implement, especially since I'm still brand-new to Toddle.
Daniel
0

10 months ago

Rate Limiting by IP with Xano
How can I do this? I noticed it wasn't working and found out why here https://docs.nordcraft.com
A-Chivas
2

10 months ago

Server side redirect not working, as intended..
Had setup a server side redirect, but it still loads the page before redirect, plz help..
unicodes
15

10 months ago

How to select Distinct curl query?
I'm looking to select from a table all the unique values, is there a way to do it in curl?
ssssadsadasd
23

10 months ago

Multiple path tab setting -> go back
When clicking a button I immediately set three url paths: tab1, tab2, tab3.
When the user clicks the back button in the browser I want the user to go the page where the user was when the button was clicked.
but the user is redirected to the tab1,tab2 url. [see video](https://vimeo.com/1043287886/ce6ed3573f?ts=0&share=copy)

how can I go immediately to the original page (without refreshing the page)? see [test page](https://editor.nordcraft.com/projects/turquoise_o_en_lars_permanent_chicken/branches/start/components/test?leftpanel=design&canvas-width=800&canvas-height=800&rightpanel=events)
thanks
ssssadsadasd
✅1
19

10 months ago

Calculation of variables does not show actual value immediately
I have a reusable.
The reusable has an attribute item = { "created_at": "2025-01-01T17:56:04.15182+00:00"}
The reusable has a variable milliseconds = now - item.created_at (which translates in milliseconds). I use this variable because I do not want to calculate it for each if condition.
The reusable has a text which translates to different time format: so if created_at is less than one minute = just now, less than 1 hour = x minutes etc.

Suppose created_at is less than one hour. It should show immediately xm(inutes) but it first shows the last item of the if condition and then correctly shows xm(inutes). [see video](https://vimeo.com/1043286016/a2cc66cd60?ts=0&share=copy)

why does this happen? here is the [test url](https://editor.nordcraft.com/projects/turquoise_o_en_lars_permanent_chicken/branches/start/components/test?leftpanel=design&canvas-width=800&canvas-height=800&rightpanel=attributes).

P.S.: make sure to change the value in the page to a date less than 1 hour prior
needtheanswers
✅1
8

10 months ago

Layout issue - components are stacked/overflowing
Hi, the height of my component doesn´t seem to get recognized so now everything is stacked. I´ve recreated everything here to make it more visible.

Would appreciate any help, thanks

44 45 46

126