Help forum

Create post

unicodes
0

7 months ago

How to load images faster in the app?
What trick do you use for loading images faster, storing for preventing recall on page refresh.

I'm not using lazy loading.
MartinF
0

7 months ago

Calling auto-fetch APIs after one other has returned an access_token
I’m building some logic around Supabase auth and have an edge function I call during SSR that returns an access_token in a http-only cookie from the refreshtokeb I’ve sent The issue I have is that other auto fetch APIs need the access token for auth Sometimes it works sometimes it doesn’t as not sure how to set any order of operation. What’s the Toddle way to deal with this? I have APIs in different components that need to know when to go
Ben H
14

7 months ago

Api redirects and content flashes
Just wanted clarification on how server side fetching works in combination with redirect rules. I set up a redirect rule so that if a user is already logged in, it redirects them to the dashboard. The redirect works, but the content of the page flashes before the redirect. I thought that since I have server-side fetching enabled, it would redirect before loading anything?
Janis
4

7 months ago

Custom claims and supabase update: restricting access to auth
Supabase today shared an update whereby "...certain SQL actions you can perform in your database’s auth, storage, and realtime schemas." will be restricted from April 21st onwards.

I am using custom claims in my app which rely on permissions and it seems like that this permission is affected by it: generate_jwt_with_claims

@Lucas G Are you still using the custom claims implementation you've shared several months ago? Do you have any tips how to migrate by any chance?
fss21
5

7 months ago

Moving into Toddle from weweb for SPEED is a right decision? Would love to ask for your experience
Hi guys, I am building marketplace website with weweb + xano but the performance is not great...
it is not stable first of all (sometimes we encounter that page is not displayed correctly etc) and also the speed is not great...
We have thousands of landing pages and the speed is very critical for us.
I heard Toddle has SSR so I expect we can get faster with Toddle but I am not sure about the tool so would love to hear your opinions on this. Thanks a lot in advance
R
4

8 months ago

Rollback
Is there any way to roll back changes that were not published? I cannot go back in the editor but I just removed basically all of my changes by a wrong copy/paste.
nathandh
3

8 months ago

Embedding components in Webflow
For components exported as web components and embedded in a Webflow site, is there any way to use Webflow's native styling for basic layout? Thinking I'd like to leave the component in toddle full width (or 100%) and then have it respect the container it's in on the Webflow site. So let's say you have a 50% wide div in Webflow, and drop your toddle embed in that div and have it render 50% of the width
FeRojas
2

8 months ago

Challenge with working with select component from spark
Hey everyone!

I'm struggling with the Spark One Kit's select component. I'm trying to make it expand to the full width of its parent container, but for some reason, it's not working as expected.

What I'm trying to do:

Make a Spark select component expand to 100% width of its parent container
What I've tried:

Setting width to 100% to inside components and different configurations.
Applying flex-grow properties
Adjusting the parent container's settings
Surely Im missing something hete. Has anyone else run into this issue? Any suggestions on how to make it properly expand to fill the available space?

Thanks in advance for your help! 🙏
ssssadsadasd
3

8 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

8 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

8 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

8 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://editor.nordcraft.com/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
✅1
2

8 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

8 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://app.nordcraft.com/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

8 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?

27 28 29

126