Help forum

Create post

ssssadsadasd
3

4 months ago

api query parameters in toddle
how would this sql call look like in a toddle api call? I am not sure how to incorporate the where and order by clauses. thanks

SELECT *
FROM profiles
WHERE LOWER(name) LIKE LOWER(CONCAT('%', :search, '%')) OR LOWER(username) LIKE LOWER(CONCAT('%', :search, '%'))
ORDER BY CASE
WHEN user_type IN ('Club', 'Player') THEN 0
ELSE 1
END,
name
LIMIT 7;
R
25

4 months ago

Best practice: how do you use URL parameters single page app navigation?
I have built a SPA and have just changed to a component based model. The setup was as follows:
1. When the user clicks on an item in the menu bar, the URL parameter was updated (in my case, "view" becomes e.g. "budget").
2. All content (titles, content, KPIs) belonging to this view (budget) is shown. The rest is hidden.

Now, I have created a component for the view. The component 'Page' contains slots for all content. This way, I only have to hide/show on this Page component level (great so far!). I now have a Page component for each item in the menu bar, when a menu item like "budget" is chosen, URL parameter "view" is set to "budget", and the Page component for "budget" is shown.

However, I have to set the "view" attribute of the Page component manually to be the URL parameter every time I use the component. If I set the value to be the URL parameter in the component, it does not work. The overall solution works, but it feels like there should be a better solution.. does anyone have a good idea?
FeRojas
2

4 months ago

Getting an item using "Find"
I need to get a specific item from an array of objects by its "value" property. I tried to use the formula "find" in different configurations but I cant get the item that I need.

I want to replicate something like this: options.find(option => option.value === 13)

How I exactly can I do that with toddle formulas?
RobertG
12

4 months ago

Security for API keys
I'm confused on the proper security procedures forAPI keys. All the examples for Supabase (Such as this auth example: https://toddle.dev/projects/erik_auth/branches/main/components/LoginPage) have you passing the API key as part of the header. But in another thread (Security for API keys) I saw someone recommend against using Toddle to call Stripe because, since it's on the client, someone could steal your key. Why is one situation secure and the other isn't?
alice_alexandra
2

4 months ago

Is it possible to get type completion for npm package methods in Toddle?
So far, I only know how to get third-party npm packages into Toddle via dynamic imports in actions.

Is it possible to get type completion for them?
NoCode ProCode
6

4 months ago

Rendering List Error
I got a weird rendering issue with lists - I'm building a toast package and when I remove the toast it flashes gut the list item moves one down, I've tried countless possibilities, but I'm stuck with the out animation - I set a class to transition it out, and that works nice, but the moment I remove it after it transitioned out I get a flashing in the list.

https://toddle.dev/projects/purple_taun__e_parental_octopus

I know I could use spark for this - but I really wanna learn this myself and understand how lists and rendering in Toddle works on a deep level - so any help is appreciated 🙏
A-Chivas
3

4 months ago

Query Parameters inside components
I will be using it as a web embed, it shows an error here, will it work with my shopify, where it will be part of the page with query parameter in the url string though?
Julien
3

4 months ago

Filter with contains like formula
I don't understand why I can't filter my array from a matches block. It seems very simple, but I've been thinking about it for hours 😭 The idea behind is to filter the elements according to a contain filter. Maybe it's not the right formula to use.
PinkSaltWhitePepper
19

4 months ago

Box not in middle
I’m sure this is simple but I’m stuck. I want the third box to be right below the top row, not in the middle.

If I change the height it’s goes to where I want it but then the entire height is cut off right below the third image. I want the app I’m building to always take the full height but I want the next image to be right below the first two, not in the middle.

Pictures should explain I hope. Thanks.
nathandh
12

4 months ago

Weird "Paste" modal when clicking in browser
Got this weird error that's driving me nuts. Every time I left-click on anything inside Toddle, I immediately get this little Paste dialog that pops up. I then have to click away a second time to dismiss, so basically the UI is unusable.

It's in Safari, Orion (also Webkit), and Firefox, but not Chrome. So it's not a single browser setting, thought it might be a system level thing or some plugin I have, but it is absolutely driving me batty.

Has anyone else experienced this? Any ideas where I might look to troubleshoot? Screencaps from each browser attached.
nathandh
3

4 months ago

Home page settings
How do I make a page the home page of the app? I see that creating a new app starts with HomePage by default, but you can create other pages and delete that one. How does toddle know which index to use as the first entry point for visitors? AI didn't seem to know either
Nico
18

4 months ago

Custom Action and Events
hey guys, quick question here. I use a custom action to create a JPG Mask of a drawing (using HTML Canvas).
My Script allready has a function to download the jpg on button click build in.

But now i need to send it this image to a API using a "Submit" Event on a form.

I cant wrap my head around the concept of Events in Actions.. any ideas on this?
needtheanswers
35

4 months ago

stripe connect - embedded onboarding
Hi,
has anyone here successfully implemented the stripe onboarding component? Whatever I do I can´t make it work - it doesn´t even show anything in the console log.
I create the account session using xano and get the client secret back - at least that works lol.
I also understand that I would have to initialize ConnectJS first , befoe I can render the Account onboarding component in toddle but this doesn´t seem to work. I did modify the code to intialize ConnectJS a little because I already get the clientsecret back from xano so I made sure I can insert it using an argument.

Would be greateful for any help here. Thanks

https://docs.stripe.com/connect/get-started-connect-embedded-components#account-sessions

https://docs.stripe.com/connect/supported-embedded-components/account-onboarding
Tinsoldier
4

4 months ago

background image for div
I am trying to make this work and am not able to.

How do i dynamically provide a backgroudn image in div.
Kleveland Bishop
6

4 months ago

Sites offline
Hey guys, I think my billing issue has caused my sites to go and stay off-line even after new card was added. My email is. Kleveland.bishop@gmail.com

18 19 20