Help forum

New post

alain
✅1
3
1 month ago
emoji size
hey yalls probably a silly question but for the emoji confetti package, what size do we input? I've tried px and rem but the emoji size isnt changing 🙌
ssssadsadasd
4
1 month ago
Single object attribute or multiple attributes for component
This is probably a trivial question but just wanted to ask.
Suppose I have a component named "post". The post displays data of an object which contains such fields as: content, creator object, images etc. Now, this post component is used in a list. My question is:
in terms of the speed/efficiency the data appears on screen, should the post have an attribute for each field ( content, creator object, images etc.) or should I simply have an object attribute and then in the component itself show the fields.

thanks
nathandh
3
1 month ago
spark drag and drop missing components
Installed this package on 2 different projects; looks like it's supposed to create 3 components? They're listed in the docs but none of them appear in the components area. Am I missing something obvious?
Dov
19
1 month ago
Retrieve checkbox value
I am having difficulty getting the true/false from a checkbox.

I have setup the checkbox by adding an attribute called checked which is bound to a bool in an array. Then on input (or change) event I want to get the value. But when I go into the editor all I can see is event-target-value. How do I get the checked state?
ssssadsadasd
16
1 month ago
Blur div
In bubble I can add blur to a group by writing this code:

<style>
#blur {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);}
#blur1 {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);}
</style>

I am not sure how/where to insert it in tooddle to add blur to a div. do you have any input?

thanks
ssssadsadasd
5
1 month ago
Div going 100% width
Anyone has any idea why this group is going 100% width even though I have not set any of the other divs at 100%?
also the divs containing the icon and text are not 100% width. thanks.
https://vimeo.com/1038520302/fc9df76296?ts=0&share=copy
benjabievres
5
1 month ago
Getting an array with a specific index
Hi!

From an API Call, I get an array of Collections "Series" that contains a few fields, as well as an array of Collections "Seasons".
I want to add the "Series" array into a dropdown, and, when I select an item, I want a second dropdown to get the array of Seasons at the index selected in the first dropdown.
So far, I managed to show the list of Series in the first dropdown; value is equal to the selected index.
But I'm stuck to build the formula that fills the second dropdown with "Seasons", with the index selected in the first dropdown.

Can you please help me to configure the second dropdown so that it lists the Seasons that are in the Index of the selected Series?

Here is a sample data
[{"id":11,"name":"Haven","seasons":[{"id":29,"number":1,"completed":false},{"id":30,"number":2,"completed":false},{"id":31,"number":3,"completed":false},{"id":32,"number":4,"completed":false},{"id":33,"number":5,"completed":false}],"completed":false},{"id":12,"name":"Games of Thrones","seasons":[{"id":34,"number":1,"completed":false},{"id":35,"number":2,"completed":false},{"id":36,"number":3,"completed":true},{"id":37,"number":4,"completed":false},{"id":38,"number":5,"completed":false},{"id":39,"number":6,"completed":false},{"id":40,"number":7,"completed":false},{"id":41,"number":8,"completed":false}],"completed":true},{"id":13,"name":"Breaking Bad","seasons":[{"id":42,"number":1,"completed":false},{"id":43,"number":2,"completed":false},{"id":44,"number":3,"completed":false},{"id":45,"number":4,"completed":false},{"id":46,"number":5,"completed":false}],"completed":false}]

Please let me know if you need me to record a video where I explain with more details.
thanks
Kittiphum
5
1 month ago
PDF package
I am using the PDF package by @Jacob Kofoed and i am trying to load in a PDF File dynamically. So on click on a item it takes the url and puts it in but i only get Loading PDF. Nothing happens
Joce Nunes
19
1 month ago
Colias Authentication
I’m currently facing an issue with authentication calls in my system. While all other APIs are working as expected, the authentication endpoints that require a token are returning a 401 Unauthorized error when accessed from specific domains.

For example, this domain https://example.store.com/login is pointing to toddle customer.app.platform.store/store/my_store/login.

If I authenticate on customer.app.platform.store/store/my_store, the call to authenticate customers works correctly. However, if I try to authenticate here: https://example.store.com/login, I get a 401 error.

Here’s the fetch request from example.store.com:
PeterShaw
2
1 month ago
Buildship + Supabase + OpenAI
Hey all, this is not particularly a toddle question but I am working on a backend with Supabase and Buildship to be able to communicate with OpenAI.

In Buildship I trigger OpenAI by creating a new row in Supabase. Then I receive a generated text from OpenAI (for example 1. red, 2. blue, 3. green, 4. purple). I want to add these outputs into a new row in supabase.

How can I seperate the output so that I can add 1.red to row color 1, 2. blue to row color 2,...?

Many thanks
Janis
2
1 month ago
Dynamic API body -> keys
I have a page where users can update various values in the same supabase table (e.g. business_name, ftes, location, domain). These values are edited one by one, so when one value is edited, they should be patched.

How can I make the keys dynamic so that i don't have to add multiple api calls?
GeDeLa
1
1 month ago
Unable to copy-paste elements
Hi all, I tried to copy paste a td-element (table data cell) in a tr-element (table row) but somehow a new td-element is not created, is this expected behaviour or a bug?

See attached GIF.
Sasha Kuzovlev
2
1 month ago
Working with GSAP Animation
1. I tried to write a simple Action code (screenshot). But it gives an error.
Uncaught (in promise) TypeError: Cannot set property window of #<Window> which has only a getter
at gsap.min.js:10:160
at gsap.min.js:10:175
2. I have not found a good guide on how to properly connect GSAP so that it is available in the entire project, or at least on the entire page. Can someone suggest step-by-step instruction?
3. Are there plans to create animation management functionality in the near future (as an example, you can look at the functionality of keyframes and states in RIVE)?
Fisher
34
1 month ago
Setting Select Drop Down Option based on URL Parameter
I'm able to get the URL Parameter from the URL, and set the Value of the Select option based on it, but I can't seem to figure out how to set which Select option is chosen based upon the URL param.

It's like the Value is being set, but the Label isn't changing.
benjabievres
26
1 month ago
Best practice to chain API calls
Hello,

I have a select element filled from a API Call 1.
When I choose an item in this select element, I call an API 2 and fill a second select element.
And when I select an item from the second select element, it calls an API 3; results are displayed in a List.

So far, it works fine, I leverage the « Changed » trigger of each select element. But I have some issues:

- each select elements refreshed the change event of the other element show the last item of the resulting API calls => how could I ensure the first element is displayed first?

- when I select another item in the first select element, API call 1 refreshes the second select element. But the list is not refreshed => shall I use a different event than « changed » in the second select element?

Do you have any best practice to handle chained elements that leverage API Call?

Thanks

8 9 10

Help forum

Stop scrolling. Start building.

Chat with @team-toddle

Video call our CEO

Get in touch!

Product

Company

Resources

Community