Help forum

Create post

needtheanswers
0

6 months ago

How can I show my loader even if the page isn´t fully loaded yet?
I have a custom loader but the problem is that it only shows once the page is fully loaded which makes it useless for me. It seems like this problem is beyond ChatGPT and Claude lol. You can check it out here: https://toddle.dev/projects/test13/branches/start/components/HomePage?leftpanel=design&canvas-width=800&canvas-height=800&rightpanel=attributes There are other loaders that show even if the page isn´t fully loaded but I would love to go with this style.
Alex
5

6 months ago

Web Components via Embeds
Does anyone have examples for web components built in toddle and deployed in something like webflow or squarespace?

Something dynamic like a form?

I want to be able to give users of our CRM the ability to embed their property stock lists which are visible in their toddle portal, on their websites.

How do you control the filtering of the data in an embed that 100 customers may all be using
Alex
6

6 months ago

Multi-seat orgs in Supabase
Hey team!

Anyone built out multi seat orgs in Supabase?

One company account with multiple users who can log in with permissions

I have it set up in Supabase with my table structure but trying to figure out my first step in toddle with the API calls to read and edit new rows etc.

Anyone building a CRM or Portal with orgs and users?
Alex
8

6 months ago

Allowing users to add custom columns to their tables
Hey everyone

After first customer feedback session for my property development CRM built in toddle a few requests have been made and we can see all users needing these too.

First one off the bat to tackle is giving users the ability to customise their table layouts inside the portal by adding and deleting columns.

For example:
- they might want to add a column for their internal team notes on a property table or they might want to add a column for door access key codes etc etc

How do I allow this functionality whilst limiting the updates to the table structure to their account only?

Does this make sense?

Think like Airtable or most table based tools where you can add new columns etc.

I’m using Supabase as database with Supabase auth.
KillerK009
57

6 months ago

Custom Code Documentation
Is there any more documentation around what functions/features are accessible via custom code actions or formulas? I'm assuming this would be provided by the ctx parameter provided to the custom code.

I've seen these pages already:
https://toddle.dev/docs/custom-actions
https://toddle.dev/docs/custom-code-api

But is there any more? Can we modify a Toddle variable value from custom code? Can I call another Toddle formula or action? Is there any way to debug and/or step through code or formulas to see what they are doing?

Also, is there a way to provide format/type information for object parameters so autocomplete can suggest the properties?
unicodes
5

6 months ago

API pages (like Inputs) closes automatically
Have you noticed any differences in the APIs over the last 3 hours? On my screen, the API (like Inputs) closes automatically at each input, the same for body (selecting any input means open the API from zero each time), events, etc.
Lucvs
4

6 months ago

Creating a countdown timer
Hey guys,

I tried asking kapa.ai about this, but I couldn't get a good answer.

How do I create a countdown timer in toddle?

I wanna build a countdown timer that counts down till a specific timestamp in real-time.
dub
6

6 months ago

Download images
is there a way to download images, im new to toddle and im not quite how to tackle this issue, thanks
unicodes
33

6 months ago

How can I load user app settings from the database only once?
Hi,

I have some information similar to "user experience settings," which I currently call in any component where needed. These settings are important, including allowed currencies, languages, task statuses, etc.

I was considering making an API call upon login to save this information in local storage. However, what if the local storage is edited? These settings are used to update the database, and I cannot risk using potentially altered data from local storage (e.g., a "selected status") since it could be injected maliciously.

What solutions do you use in this case? I’m exploring alternatives because, as it stands, I have a lot of requests just to retrieve the app's status, which impacts performance.

I cannot use context because this information is shared across multiple pages, and context (variables) only works within the same page.

Thank you!
Ben H
8

6 months ago

How to make skeleton loader for <img>?
I am trying to make a skeleton loader for an <img> element. In code you would simply add an onLoad attribute that executes a function that updates the class of the <img> element. How would I do this in toddle? I don't see how to access the image load event in toddle.
KillerK009
24

6 months ago

How to Update/Replace Specific Indices in Variable with Nested Arrays
I have 2 variables program and reducedProgram that have identical structure and represent a workout program.

Each has a days property which is an array of days. Each day element contains an exercises property which is an array of exercises on that day. Each exercise element contains an index property signifying it's position in that day.

I want to take all the exercises from the reducedProgram and replace the same exercise in the program variable matching the day and exercise.index value.

This seems like a relatively straightforward operation, but I've been trying to do this via a Toddle formula can't quite figure it out!

I even tried a custom action as provided by the AI, but this doesn't seem to work either...
const { program, reducedProgram } = args;

// Iterate through the days in reducedProgram
reducedProgram.days.forEach((reducedDay, dayIndex) => {
// Ensure the day exists in the original program
if (program.days[dayIndex]) {
// Iterate through the exercises in the reduced day
reducedDay.exercises.forEach((exercise) => {
// Check if the exercise has an index property
if (typeof exercise.index === 'number') {
// Replace the exercise at the specified index
program.days[dayIndex].exercises[exercise.index] = exercise;
}
});
}
});

// Set the updated program to the 'program' variable
ctx.setVariable('program', program);
Any ideas on how to do this?
Vizualinx
29

6 months ago

Currency input
I am trying to make a currency input, the problem is that i need to be able to input also cent, for example 25.50, i tried with toddle ai to do it. here is where i am at (see screenshot), the problem is that now it doesn't set the variable with the input value.
Lucvs
4

6 months ago

Possible bug : Toddle page doesn't show any content
Hey guys,

I was creating a page and after I made some edits to the style variables it suddenly doesn't show any of the content (just shows a grey screen) despite having all the same elements and content as before in the sidebar.

I was adjusting the display variables, but I've changed everything back now, and it still just shows a grey screen with no content.
PeterShaw
12

6 months ago

POST Request doesnt work in new API UI
Hey all,
I migrated an API to the new UI and since then I always receive the message "new row violates row-level security policy for table "input".

RLS policy is still the same that did work before. I assume it has to do with the access token which is not passed correctly?!
benjabievres
6

6 months ago

webApp behaving like a mobile app
Hello, this question is more generic about HTML; is it possible to create a web page that the user can't scroll? The idea is to have a main page element that won't move, and inside a header, a footer, and a scrollable "main page".

I added the screenshot of the Discord app to give an idea.

Thanks

31 32 33