Help forum

Create post

Christiaan
26

9 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

9 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

9 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

9 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://blog.nordcraft.com/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

9 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

9 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

9 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
6

9 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

9 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

9 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
Shrink Studio
3

9 months ago

Multi Step Form
Hey, I'm building a multi-step form in Toddle but I seem to be failing at the first hurdle. On the first screen of the form we have a vehicle registration input. This needs to ping a an API URL to return vehicle registration details. At the moment though I'm struggling to even get it to search for a vehicle registration in the api call without manually entering it in the API settings. Looking for someone to help as this is pretty time sensitive and need an assist! Thanks so much
Leon Marseglia
45

9 months ago

Auth token not being picked up in auth/me in toddle editor
Anyone else not being able to set session cookie auth token?

I could yesterday but now it is not working (in the toddle app). On the preview page it seems to work but i need it working in toddle so i can use the data on the api request. I've checked xano and it appears when it calls the auth/me it just provides an empty string. Not sure why?

Tried uninstalling and reinstalling the toddle chrome extension but still no luck.
⚡Joe
6

9 months ago

Any way to add a .well-known directory when the domain is mapped to toddle?
For verification with a third party we need to add a .well-known folder and drop a json file in there, issue is it has to be on a domain mapped to toddle, would there be any way to do this? Thanks!
Raphael Walters
0

9 months ago

Problems updating values via context
Nikita Repetun
✅1
18

9 months ago

Multi-language support
I need to create a multi-language product. Is there a way how to do that using Toddle?

34 35 36

126