Help forum

Create post

unicodes
5

10 months ago

API Query Param by email contains +2 not working
If you are using in the database an email address like this example email+2@email.com, it will not perform the select, do you know why? It works if the email is without +2.
mesmoiron
1

10 months ago

Dark theme, components, authentication and passing data inconsistencies
Hi,

After watching the tutorial I am cleaning up my app layout. Here is the thing

- in my preview the pages are in dark mode.
- in live mode only the first authenticated page works flawlessly
- the other pages are dark and all data is passed
- in life mode, components lose the dark mode and the current user data isn't passed down
- after publishing a branch, I need to login again in order to proceed working. Then the above problems repeats.

Search bar:
- in the component the name is passed by the context and is shown
- it is shown in the preview
- in the life version the name is null

I put the attributes back in for now. It is easy and understandable. Later I will make a table with the flow of data and which options are accepted while testing out the troubles. I think that static data vs dynamic data is confusing. Because then it seems like it is working while it is not and I have probably made some mistakes here.

I totally got lost in the data. I am not building a one page app, but an app with multiple pages.
unicodes
1

10 months ago

context name is null in API input select.
Hi there, is just me that has the context name null in the API select input? It works in other cases but here is null.
Alex
5

10 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

10 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

10 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

10 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://docs.nordcraft.com
https://docs.nordcraft.com

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

10 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

10 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

10 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

10 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

10 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

10 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

10 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

10 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.

42 43 44

128