Help forum

Create post

Alex
5

5 months ago

Session timeout setting
Hey everyone, I’m using Supabase for Auth and my customers are experiencing a session timeout where they are being logged out but still able to use the front end, which causes them to not be able to create new updates etc because they’re not authenticated.

How can I set the session to 24 hours or just unlimited?
Amiel Dylan
25

5 months ago

Accent Removal
Hello toddle community.
I would like to design a function that does the following: removeAccents = (str) => {
return str
.replace(/[àáâãäå]/g, 'a')
.replace(/[èéêë]/g, 'e')
.replace(/[ìíîï]/g, 'i')
.replace(/[òóôõö]/g, 'o')
.replace(/[ùúûü]/g, 'u')
.replace(/[ýÿ]/g, 'y')
.replace(/[ñ]/g, 'n')
.replace(/[ç]/g, 'c');
};
But this is impossible without the use of several nested “ReplaceAll”. Do you have any suggestions? Thank you!
Danny
9

5 months ago

Is there a way to check out a previous version without rolling back?
I'd like to understand some of the changes I made from a previous version (2 versions ago), but I don't want to permanently roll back and lose the changes in the past two versions. Is that possible?
Vizualinx
8

5 months ago

Retrieve row id from supabase
i'm trying to get back the id of a row when creating it by using return representation, for some reason i can't see the response (i'm trying to save it to a variable and show it in the text element). when i am doing auto fetch i am able to get the response but of course that is hammering supabase.
it looks like the api is reloading after sending the data to supabase and setting the variable to null.
Christiaan
4

5 months ago

Developer seat for admin/billing user
I have a developer I'd like to work on projects. I only want to log in to add billing info and check on payments later. Does this mean I need 2 developer seats? I didn't find any other way to get 2 accounts invited into an organization.
Christiaan
26

5 months ago

How do I use 100vh on an element when I'm developing?
If I stretch the viewport to auto-fit and set an element to 100vh then it takes up the entire viewport and everything below it is pushed to the bottom. If I change the viewport to something reasonable like 1920x1080 then viewport is a rectangle that only show the top but nothing below it.

How do I do this exactly?
Luca Heck
2

5 months ago

How can I apply a hover effect to multiple elements in a card in Toddle?
Hello everyone,
I would like to create a card in Toddle in which several elements within the card receive their own hover effect when hovering over the entire card.
For example, an image should enlarge and the text should change color when the card is hovered.
Is it possible to implement this nativ in Toddle? If so, how?

Thank you very much!
Christiaan
35

5 months ago

Change theme variables based on viewport size
I'm working on a responsve design. My headings all use REM but they are too big on small phones. I'd like to change them based on the viewport size (media query) . Is that possible?

Is the only way to currently do it by adding a custom media query Style on each heading element?
ssssadsadasd
9

5 months ago

popover api... dropdown that automatically updates to parent's width/position and page width
I am not sure I understand this article on popover api [here](https://toddle.dev/blog/no-more-dreadful-dropdowns-long-live-popover).
it starts with the dropdown explanation (which is my objective). however, the youtube video only implements it such that the dropdown is shown only relative to the page. and the comment in the youtube video mentions that "the W3C is currently working on a spec for anchor positioning, where it will be possible to position the popover realtive to an other element on screen" which I guess means that this is not supposed for dropodowns yet???

another point is that it would be very helpful if in future videos you also have a link to the implementation explained.

finally: what is the best way to build a dropdown that automatically updated to parent's width/position and page width?

thanks
ssssadsadasd
10

5 months ago

not sure, but condition on api parameter seems not to work?
I have an api with a boolean input (see pic1). on event = success of the api call, I have a switch based on that input (see pic2).
however, it seems the input is always valued as not true.

even in you set the default value as = true in the editor, the value in the switch is undefined.

thank you.
unicodes
8

5 months ago

I need your help to understand this
In many tutorials, I have seen this solution being used to show or hide content based on whether there is information in an API output.

At first glance, it seems like it should return false, but it doesn’t because the console log contains nothing. It’s not a space or any visible character—it’s something that has a "size" of zero but evaluates as true in a boolean context.

I was looking for a quick solution to show and hide content, and the only approach I found was: API output > size > greater than 0. However, this isn’t perfect because it takes a fraction of a second to compute, causing unintended elements to briefly appear.

Another approach I found was setting a default value of false for everything and updating it to true on load if the value exists. But this results in unnecessary variables in the app.

What method do you use to show or hide content based on API output?
PeterShaw
3

5 months ago

isempty node?
Toddle AI recommends using the isempty node in order to show a div only if a API is empty but I cannot find the node. Any idea how to solve it?
Jehex
4

5 months ago

Set URL parameter action doesnt appear
Hi, Im looking to reset/remove the current query parameters of my url ( whenever where I am, main page or component ) According to the AI chat, Im supposed to set a set url parameter action and reset by set it to null but the issue is that this action just not showing, I dont know if it's a bug or if this function simply not exist, if this function not exist : how reset a query parameter :/ ? Thanks
Jay | DRAGXN
7

5 months ago

Twilio OpenAPI Spec
I'm trying to add the Twilio service and I found this JSON spec file: https://raw.githubusercontent.com/twilio/twilio-oai/refs/heads/main/spec/json/twilio_api_v2010.json

With the base URL being: https://api.twilio.com/2010-04-01
From: https://www.twilio.com/docs/iam/api

But when I place it in Toddle there's a connection error. Does anyone know what I'm doing incorrectly?
marcoGu
5

5 months ago

Day 2: iTunes search tool
When I attach the Formula to the li element I've a weird output that is not the same of the video tutorial anyone can help? thank you

24 25 26