Help forum

Create post

Dov
3
1 year ago
Using style variable to set alignment
Hi.

Is there a native way to set alignment (in my case a td) based on a style variable?

Thanks
Matthieu B.
55
1 year ago
HTML element for SEO blog post
Hello toddlers

I’m using toddle for my website and blog.

I’ve used HTML element but in order to render my style, I need to set inline style, making the length of the html formatted text way longer.

Any recommandation to optimize the page for SEO ranking ?
ssssadsadasd
11
1 year ago
Some questions on default text properties
1. I simply add a new text element to the page. how is the default text size and color determined? initially it seems to be 16px=1rem and black.
2. can I change the default properties of the text? or the default is: you select the properties in parent div and then select inherit in its children?
3. In "Themes" we have only a "Sans" default font family, while when we want to select in a text is has "Inherit" and "Inter". I dont understand this.

thanks
Nico
4
1 year ago
Showing a error Message for FileUpload
s'
7
1 year ago
QR/Barcode scanner
Is there QR/Barcode scanner component available?
KillerK009
1
1 year ago
Is there an easier way to use a formula to set a value on a nested object in a variable?
I'm creating a basic workout plan builder which allows you to define any number of days and each of those days has any number of exercises. I have a program variable defined in Toddle and inside that there is a days object with a name and array of exercises[].

Each exercise object has a name as well.

I've attached a photo of the initial value of my program variable to show an example of the structure.

I'd like the user to be able to edit the exercise name on any given day and so I have an inline-value-edit element from the starter-pack package and on the setEditedInput event I have a formula where I try to update the program variable by setting the name on a given exercise for a given day (based on the indices provided by repeat variables and input field the user selected), is there a way to simplify this formula?

I'm used to coding where I could easily just do something like program.days[parentIndex].exercises[index].name = value in one line, but it seems like in Toddle I have to create a large formula for what seems like a simple operation, but perhaps I'm missing something.

Is there an easier way to specify the Path value on that right-most Set to just provide the day and exercise indices to set the name and return the updated program as the output?

Or is it typically easier in Toddle to limit how nested your objects get where instead of having a program object I'd just surface all the nested elements as separate variables and have a days variable instead?
J.ulian
✅1
13
1 year 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
1 year ago
Set/unset url hash/anchor
how can i set/unset a url hash/anchor without refreshing the page?
Nico
✅1
10
1 year 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
1 year 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
1 year 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
1 year 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
1 year 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
1 year 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
1 year 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.

51 52 53

133